初始化参股

前端/unpackage/dist/dev/mp-weixin/components/case-card/case-card.js

@@ -0,0 +1,72 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+class CaseItem extends UTS.UTSType {
+  static get$UTSMetadata$() {
+    return {
+      kind: 2,
+      get fields() {
+        return {
+          id: { type: String, optional: false },
+          title: { type: String, optional: false },
+          category: { type: String, optional: false },
+          categoryName: { type: String, optional: false },
+          coverImage: { type: String, optional: false },
+          material: { type: String, optional: false },
+          duration: { type: String, optional: false },
+          price: { type: String, optional: false },
+          views: { type: Number, optional: false },
+          likes: { type: Number, optional: false }
+        };
+      },
+      name: "CaseItem"
+    };
+  }
+  constructor(options, metadata = CaseItem.get$UTSMetadata$(), isJSONParse = false) {
+    super();
+    this.__props__ = UTS.UTSType.initProps(options, metadata, isJSONParse);
+    this.id = this.__props__.id;
+    this.title = this.__props__.title;
+    this.category = this.__props__.category;
+    this.categoryName = this.__props__.categoryName;
+    this.coverImage = this.__props__.coverImage;
+    this.material = this.__props__.material;
+    this.duration = this.__props__.duration;
+    this.price = this.__props__.price;
+    this.views = this.__props__.views;
+    this.likes = this.__props__.likes;
+    delete this.__props__;
+  }
+}
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "case-card",
+  props: {
+    caseData: {}
+  },
+  emits: ["click"],
+  setup(__props, _a) {
+    var __emit = _a.emit;
+    const props = __props;
+    const emit = __emit;
+    const handleClick = () => {
+      emit("click", props.caseData.id);
+    };
+    return (_ctx, _cache) => {
+      "raw js";
+      const __returned__ = {
+        a: _ctx.caseData.coverImage,
+        b: common_vendor.t(_ctx.caseData.categoryName),
+        c: common_vendor.t(_ctx.caseData.title),
+        d: common_vendor.t(_ctx.caseData.material),
+        e: common_vendor.t(_ctx.caseData.duration),
+        f: common_vendor.t(_ctx.caseData.price),
+        g: common_vendor.t(_ctx.caseData.views),
+        h: common_vendor.t(_ctx.caseData.likes),
+        i: common_vendor.sei(common_vendor.gei(_ctx, ""), "view"),
+        j: common_vendor.o(handleClick)
+      };
+      return __returned__;
+    };
+  }
+});
+wx.createComponent(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/case-card/case-card.js.map

前端/unpackage/dist/dev/mp-weixin/components/case-card/case-card.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

前端/unpackage/dist/dev/mp-weixin/components/case-card/case-card.wxml

@@ -0,0 +1 @@
+<view bindtap="{{j}}" id="{{i}}" change:eS="{{uV.sS}}" eS="{{$eS[i]}}" change:eA="{{uV.sA}}" eA="{{$eA[i]}}" class="{{['case-card', virtualHostClass]}}" style="{{virtualHostStyle}}" hidden="{{virtualHostHidden || false}}"><view class="card-image-wrapper"><image class="card-image" src="{{a}}" mode="aspectFill"></image><view class="card-category">{{b}}</view></view><view class="card-content"><text class="card-title">{{c}}</text><view class="card-info"><view class="info-item"><text class="info-label">材质：</text><text class="info-value">{{d}}</text></view><view class="info-item"><text class="info-label">工期：</text><text class="info-value">{{e}}</text></view></view><view class="card-footer"><text class="card-price">{{f}}</text><view class="card-stats"><text class="stat-item">👁 {{g}}</text><text class="stat-item">❤ {{h}}</text></view></view></view></view><wxs src="/common/uniView.wxs" module="uV"/>

前端/unpackage/dist/dev/mp-weixin/components/case-card/case-card.wxss

@@ -0,0 +1,100 @@
+:host{display:flex;flex-direction:column}
+/**
+ * 优艺家沙发翻新 - 全局样式变量
+ */
+/* ========== 项目主题色 ========== */
+/* 辅助色 */
+/* 文字颜色 */
+/* 背景色 */
+/* 边框颜色 */
+/* 间距 */
+/* 圆角 */
+/* 阴影 */
+/* ========== uni-app 内置变量 ========== */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.case-card {
+  background-color: #ffffff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+  margin-bottom: 24rpx;
+}
+.card-image-wrapper {
+  position: relative;
+  width: 100%;
+  height: 360rpx;
+}
+.card-image {
+  width: 100%;
+  height: 100%;
+}
+.card-category {
+  position: absolute;
+  top: 16rpx;
+  left: 16rpx;
+  background-color: rgba(212, 165, 116, 0.9);
+  color: #ffffff;
+  font-size: 22rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 8rpx;
+}
+.card-content {
+  padding: 24rpx;
+}
+.card-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #333333;
+  margin-bottom: 16rpx;
+  lines: 1;
+  text-overflow: ellipsis;
+}
+.card-info {
+  margin-bottom: 16rpx;
+}
+.info-item {
+  flex-direction: row;
+  margin-bottom: 8rpx;
+}
+.info-label {
+  font-size: 26rpx;
+  color: #909399;
+}
+.info-value {
+  font-size: 26rpx;
+  color: #606266;
+}
+.card-footer {
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16rpx;
+  padding-top: 16rpx;
+  border-top-width: 1rpx;
+  border-top-style: solid;
+  border-top-color: #EBEEF5;
+}
+.card-price {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #D4A574;
+}
+.card-stats {
+  flex-direction: row;
+}
+.stat-item {
+  font-size: 24rpx;
+  color: #909399;
+  margin-left: 24rpx;
+}