页面

unpackage/dist/dev/mp-weixin/components/contentList/contentList.js

@@ -0,0 +1,145 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const common_assets = require("../../common/assets.js");
+const _sfc_main = {
+  data() {
+    return {
+      title: "Hello",
+      Gender: true,
+      // 列表数据
+      list: [
+        {
+          title: "极乐世界",
+          id: "9088",
+          gender: "男",
+          score: 8.8
+        },
+        {
+          title: "极乐世界2",
+          id: "9089",
+          gender: "女",
+          score: 7.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        },
+        {
+          title: "极乐世界3",
+          id: "9090",
+          gender: "男",
+          score: 9.8
+        }
+      ]
+      // 列表数据结束
+    };
+  },
+  onLoad() {
+  },
+  methods: {
+    // 方法定义
+  }
+};
+if (!Array) {
+  const _component_uni_card = common_vendor.resolveComponent("uni-card");
+  _component_uni_card();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {
+    a: common_vendor.f($data.list, (item, index, i0) => {
+      return common_vendor.e({
+        a: common_vendor.t(item.title)
+      }, $data.Gender ? {
+        b: common_assets._imports_1
+      } : {
+        c: common_assets._imports_1
+      }, {
+        d: common_vendor.t(item.gender),
+        e: common_vendor.t(item.id),
+        f: common_vendor.t(item.score),
+        g: "4813d59a-0-" + i0
+      });
+    }),
+    b: common_assets._imports_0$1,
+    c: $data.Gender,
+    d: $data.Gender ? 1 : "",
+    e: !$data.Gender ? 1 : ""
+  };
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4813d59a"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/contentList/contentList.js.map

unpackage/dist/dev/mp-weixin/components/contentList/contentList.json

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

unpackage/dist/dev/mp-weixin/components/contentList/contentList.wxml

@@ -0,0 +1 @@
+<scroll-view scroll-y="true" class="scroll data-v-4813d59a"><uni-card wx:for="{{a}}" wx:for-item="item" u-s="{{['d']}}" class="content-list data-v-4813d59a" u-i="{{item.g}}" bind:__l="__l"><image class="headShot data-v-4813d59a" src="{{b}}" mode="scaleToFill"/><view class="content-list-title data-v-4813d59a"><view class="cardname data-v-4813d59a">{{item.a}}</view><view class="content-list-info data-v-4813d59a"><view class="{{['data-v-4813d59a', d && 'Gendermale', e && 'Genderfemale']}}"><image wx:if="{{c}}" class="Genderimg data-v-4813d59a" src="{{item.b}}" mode="scaleToFill"/><image wx:else class="Genderimg data-v-4813d59a" src="{{item.c}}" mode="scaleToFill"/><view class="age data-v-4813d59a">{{item.d}}</view></view><view class="RoomID data-v-4813d59a">房间ID:{{item.e}}</view><view class="Charm data-v-4813d59a">魅力值</view><view class="charmValue data-v-4813d59a">{{item.f}}</view></view></view></uni-card></scroll-view>

unpackage/dist/dev/mp-weixin/components/contentList/contentList.wxss

@@ -0,0 +1,79 @@
+
+.scroll.data-v-4813d59a {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.content-list.data-v-4813d59a {
+  display: flex;
+  align-items: center;
+  width: 712rpx;
+  height: 161rpx;
+  background: #ffffff;
+  border-radius: 15rpx;
+  margin-bottom: 12rpx;
+  margin-left: 20rpx;
+}
+.headShot.data-v-4813d59a {
+  width: 101rpx;
+  height: 101rpx;
+  border-radius: 50rpx;
+  margin-left: 30rpx;
+  margin-right: 33rpx;
+}
+.content-list-info.data-v-4813d59a {
+  display: flex;
+  align-items: center;
+}
+.cardname.data-v-4813d59a {
+  font-size: 31rpx;
+  color: #161616;
+  line-height: 38rpx;
+}
+.Genderimg.data-v-4813d59a {
+  width: 15rpx;
+  height: 15rpx;
+  margin-left: 10rpx;
+  margin-right: 10rpx;
+}
+.age.data-v-4813d59a {
+  color: #ffffff;
+  font-size: 14rpx;
+}
+.Gendermale.data-v-4813d59a{
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAfCAYAAABZGLWTAAAAAXNSR0IArs4c6QAAAilJREFUWEftWTtPFFEU/r6ZJUuJiSQujwKRCfQkttJobJRY6Ax/ABNNKGiBAmwtTNZk9w+40BCtiDZYSmI/kxmFAmGNkIgdhFmPuUPW7C6vWVZ3ZhimnfP6zr3ncc8hQnz3PS/b5eOuAPcAGQV5EyLXSGZCsP9TEhHxQf6EyDrAz2Dlwy9df78yNHRwniKeRTC+sdHVeXA4TfApgOvnCYvw/65ACvvZjpdvBwb2TrPjVLCPbdfSyFcEuiME0ZRqAXYoMlUaMUonMR4De2d1NZPL9eYBTjalKVbEUiyXt55/HBvza82qA6uA3ujpX6LIo1jZfgFjhFz+vr35pBZwHVjLdgtgkk+00StSLA0bKt8E31+wKkZ18s0FnBhvFpGJagwHYI+yru8mKRmF9bBKWvvZjKGydADWdL7MEzIbVkDS6ETjwqJxa45Bw1DBt5jX0Vb9u7uno4+m4zwg9HetSos7v6DykKbt5Uk8i7uxrdongtcK7CcSt1sVFnt+wRpNx/txGbPwsYqrWknT8Q4JtP310u6bIIBPy/Gk3Yqj0peuk01XzKYkG0uQjVNVZ9PUQaWqNz569bgLBGeiKgn/W69AXiwOG7Ppe88qz1q2a+EyTio0baJkDAbTxvoZlOMWkj1VDDmDUmSpmi5WAedy/XlAEjw3ZrFc3jx7blx7CSz7qyX8nayNALFDalPVGG281Fe7nkaP1G/xMAoiui0exAfUFg/rAJra4v0Bqcv8upqc0XEAAAAASUVORK5CYII=) no-repeat center;
+    width: 56.3rpx;
+  height: 29.58rpx;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  margin-right: 10rpx;
+}
+.Genderfemale.data-v-4813d59a{
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAfCAYAAABZGLWTAAAAAXNSR0IArs4c6QAAAi1JREFUWEflWU1rE1EUPaeGFGEiCShIdVXQrZuCW1e6U3BT2j9gwSYTcZVi5WFlZlVMTIXkDyhuBJe66rKCm24rdCV+NIWUZEBb41yZ0ZYk9mMyETLPN9u5575z7nv3fdxLRPg+5PPjExdw3fd5Q8ApUiYB5gCkIsD/tUkHkKYINwl5L/Dffv3MN5eq1d2TBuJxBqKKWS8t90HMATh7krMR/t+GoGbtcZmqvHMUjyPFem5+RjBWAXBuhCIGHbpB+LZVqr44DPiXWFHXUl76ygqIO4OOlBh7Qd3aW5+nWu10c+oRK0qlvHTzJYjbiSEelwjxyvqem6ZSB4J7xLYcu0adZ7QvMCKon1moBPtN+B2I/ZOjz+MGMqk4wp/dz+FQbFMVs6lx2dBsM4oa30Znl5dzqrwTim27hUcAF6Oi9bOTpUzp6UMGF4bzE2MfE36ODhvf7S+f/ItsOfM3yVOvh/WWdLzIz1tsO4UVkHeTTnZofiLP2HLsNRJXh3aWcAcE3gUzuwVSpyth3LA22HbtHyN6vcQlHRfXCcRKXLRuONNmtrAFGJKzLddeI8zZjU06Zw26QRl1Nw5fPY69BOKBbkdJZL6Cx5mFyqJ579kgQv9vpYKzVqkcVht7alBtx65pXVXsX9eCeuawGlRgZ1R18bdgQ+rG3avAc4szAtGwI0B7P0f7V/XxvZ4nxaz3TaNez2ku816MXk93VLq7eCSnBJgEMMIuHpoENkUG6+L9AlWo7Kxo5cagAAAAAElFTkSuQmCC) no-repeat center;
+    width: 56.3rpx;
+  height: 29.58rpx;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  margin-right: 10rpx;
+}
+.RoomID.data-v-4813d59a {
+  font-size: 23rpx;
+  color: #a3a3a3;
+  line-height: 38rpx;
+  margin-right: 152rpx;
+}
+.Charm.data-v-4813d59a {
+  font-size: 23rpx;
+  color: #a3a3a3;
+  line-height: 38rpx;
+  margin-right: 12rpx;
+}
+.charmValue.data-v-4813d59a {
+  font-size: 23rpx;
+  color: #161616;
+  line-height: 38rpx;
+}