6.30 版本提交

unpackage/dist/dev/mp-weixin/pages/mine/commentReply/commentReply.js

@@ -0,0 +1,58 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const common_assets = require("../../../common/assets.js");
+const _sfc_main = {
+  data() {
+    return {
+      navH: common_vendor.inject("navHeight"),
+      listTop: "",
+      tabList: ["评论我的", "我评论的"],
+      selectTab: 0
+    };
+  },
+  onLoad() {
+    this.listTop = this.navH + (75 + 10) / 750 * common_vendor.inject("windowWidth");
+  },
+  methods: {
+    /**
+     * 点击选择对应分类
+     * @param {Object} index
+     */
+    clickTabItem(index) {
+      if (this.selectTab != index) {
+        this.selectTab = index;
+      }
+    }
+  }
+};
+if (!Array) {
+  const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
+  _easycom_navBar2();
+}
+const _easycom_navBar = () => "../../../components/navBar/navBar.js";
+if (!Math) {
+  _easycom_navBar();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {
+    a: common_vendor.p({
+      leftText: "评论回复"
+    }),
+    b: common_assets._imports_0,
+    c: common_vendor.f($data.tabList, (item, index, i0) => {
+      return common_vendor.e({
+        a: common_vendor.t(item),
+        b: $data.selectTab == index
+      }, $data.selectTab == index ? {} : {}, {
+        c: common_vendor.n("item flex1 relative " + ($data.selectTab == index ? "select" : "")),
+        d: index,
+        e: common_vendor.o(($event) => $options.clickTabItem(index), index)
+      });
+    }),
+    d: common_vendor.s("top:" + $data.navH + "px;"),
+    e: common_vendor.s("top:" + $data.listTop + "px;")
+  };
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createPage(MiniProgramPage);
+//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/mine/commentReply/commentReply.js.map

unpackage/dist/dev/mp-weixin/pages/mine/commentReply/commentReply.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {
+    "nav-bar": "../../../components/navBar/navBar"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/mine/commentReply/commentReply.wxml

@@ -0,0 +1 @@
+<view><nav-bar wx:if="{{a}}" u-i="dc49bf38-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="tabC fixed flex" style="{{d}}"><view wx:for="{{c}}" wx:for-item="item" wx:key="d" class="{{item.c}}" bindtap="{{item.e}}">{{item.a}} <view wx:if="{{item.b}}" class="line absolute"></view></view></view><view class="list fixed" style="{{e}}"><view class="item"><view class="replyContentC"><view class="flex"><view class="flex1 flex"><image class="avatar" src="{{''}}" mode="aspectFill"></image><view class="flex1"><view class="replyNickname">逸尘破晓</view><view class="time">2-15 15:37</view></view></view><view class="reply">回复</view></view><view class="content"> 回复<text class="originNickname">永不落的梦想</text><text>：四部门联合启动的人力资源服务业与制造业融合发展点。</text></view></view><view class="originalTextC"><view class="originReply"><text class="originNickname">永不落的梦想</text><text>：四部门联合启动的人力资源服务业与制造业融合发展点。</text></view><view class="originEventC"><view class="levelTitleC flex"><view class="level">C</view><view class="title">四部门联合启动人力资源服务业与制造业...</view></view><view class="eventContent">人社部、工信部等四部门印发通知，明确在30个城市开展3年期试点，培育人力资源服务与制造业协同机构...</view></view></view></view></view></view>

unpackage/dist/dev/mp-weixin/pages/mine/commentReply/commentReply.wxss

@@ -0,0 +1,116 @@
+.topBg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: auto;
+}
+.tabC {
+  background-color: white;
+  left: 0;
+  right: 0;
+  margin-top: 10rpx;
+  border-bottom: solid 1rpx #E4E4E4;
+  border-radius: 20rpx 20rpx 0 0;
+}
+.tabC .item {
+  line-height: 74rpx;
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #42485B;
+  text-align: center;
+}
+.tabC .item.select {
+  font-weight: bold;
+  color: #F97316;
+}
+.tabC .item.select .line {
+  background-color: #F97316;
+  left: calc((100% - 50rpx)/2);
+  width: 50rpx;
+  height: 2rpx;
+  bottom: 0;
+}
+.list {
+  background-color: white;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: scroll;
+}
+.list .item .replyContentC {
+  padding: 40rpx 25rpx 0;
+}
+.list .item .replyContentC .avatar {
+  background-color: red;
+  margin-right: 22rpx;
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+}
+.list .item .replyContentC .replyNickname {
+  font-size: 28rpx;
+}
+.list .item .replyContentC .time {
+  font-size: 26rpx;
+  color: #aaa;
+}
+.list .item .replyContentC .reply {
+  width: 90rpx;
+  height: 52rpx;
+  line-height: 50rpx;
+  border-radius: 26rpx;
+  border: solid 1rpx #DDD;
+  font-size: 24rpx;
+  text-align: center;
+}
+.list .item .replyContentC .content {
+  margin-top: 20rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #444;
+}
+.list .item .replyContentC .content .originNickname {
+  color: #F97316;
+}
+.list .item .originalTextC {
+  background-color: #F7F7F7;
+  margin-top: 20rpx;
+  padding: 20rpx 25rpx 25rpx;
+}
+.list .item .originalTextC .originReply {
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #444;
+}
+.list .item .originalTextC .originReply .originNickname {
+  color: #F97316;
+}
+.list .item .originalTextC .originEventC {
+  background-color: white;
+  margin-top: 20rpx;
+  padding: 34rpx 16rpx;
+}
+.list .item .originalTextC .originEventC .levelTitleC {
+  font-size: 30rpx;
+  font-weight: bold;
+}
+.list .item .originalTextC .originEventC .levelTitleC .level {
+  background-color: #FEC44F;
+  margin-right: 17rpx;
+  width: 50rpx;
+  height: 40rpx;
+  border-radius: 10rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: white;
+  text-align: center;
+}
+.list .item .originalTextC .originEventC .levelTitleC .title {
+  color: #222;
+}
+.list .item .originalTextC .originEventC .eventContent {
+  margin-top: 20rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #666;
+}