6.30 版本提交

unpackage/dist/dev/mp-weixin/pages/invest/investDetails/investDetails.js

@@ -0,0 +1,107 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const request_api = require("../../../request/api.js");
+const common_assets = require("../../../common/assets.js");
+const _sfc_main = {
+  data() {
+    return {
+      navH: common_vendor.inject("navHeight"),
+      eventId: "",
+      //事件id
+      contentTop: "",
+      categoryList: ["背景", "推演", "实际", "相关股票", "相关概念"],
+      selectCategory: 0,
+      stockCategoryList: [
+        {
+          title: "全部股票",
+          bgColor: "#C00000",
+          color: "white"
+        },
+        {
+          title: "大周期",
+          bgColor: "#305496",
+          color: "white"
+        },
+        {
+          title: "TMT板块",
+          bgColor: "#FFBF00",
+          color: "white"
+        },
+        {
+          title: "大金融地产",
+          bgColor: "#FFF4D3"
+        },
+        {
+          title: "大消费",
+          bgColor: "#CDEEEE"
+        },
+        {
+          title: "公共产业板块",
+          bgColor: "#DEEBF7"
+        }
+      ]
+    };
+  },
+  onLoad() {
+    this.contentTop = this.navH + (30 + 74) / 750 * common_vendor.inject("windowWidth");
+  },
+  methods: {
+    /**
+     * 点击切换栏目
+     */
+    clickCategoryItem(index) {
+      if (this.selectCategory != index) {
+        this.selectCategory = index;
+      }
+    },
+    /**
+     * 获取事件详情数据
+     */
+    getEventDetailsData() {
+      request_api.investEventDetails(this.eventId).then((res) => {
+      }).catch((error) => {
+      });
+    }
+  }
+};
+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 common_vendor.e({
+    a: common_vendor.p({
+      leftText: "详情"
+    }),
+    b: common_assets._imports_0,
+    c: common_vendor.f($data.categoryList, (item, index, i0) => {
+      return common_vendor.e({
+        a: common_vendor.t(item),
+        b: $data.selectCategory == index
+      }, $data.selectCategory == index ? {} : {}, {
+        c: common_vendor.n("item relative " + ($data.selectCategory == index ? "select" : "")),
+        d: index,
+        e: common_vendor.o(($event) => $options.clickCategoryItem(index), index)
+      });
+    }),
+    d: common_vendor.s("top:" + $data.navH + "px;"),
+    e: $data.selectCategory == 3
+  }, $data.selectCategory == 3 ? {
+    f: common_vendor.f($data.stockCategoryList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.title),
+        b: common_vendor.s("background-color:" + item.bgColor + ";color:" + item.color + ";"),
+        c: index
+      };
+    })
+  } : {}, {
+    g: common_vendor.s("top:" + $data.contentTop + "px;")
+  });
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createPage(MiniProgramPage);
+//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/invest/investDetails/investDetails.js.map

unpackage/dist/dev/mp-weixin/pages/invest/investDetails/investDetails.json

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

unpackage/dist/dev/mp-weixin/pages/invest/investDetails/investDetails.wxml

@@ -0,0 +1 @@
+<view><nav-bar wx:if="{{a}}" u-i="b7e6c0fc-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="categoryC fixed" 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="contentC fixed" style="{{g}}"><view wx:if="{{e}}" class="stockC"><view class="stockCategoryList flexWrap"><view wx:for="{{f}}" wx:for-item="item" wx:key="c" class="item flexColumnCenter" style="{{item.b}}"><view class="num">23</view><view class="title">{{item.a}}</view></view></view><view class="stockList"><view class="item"><view class="titleCorrelationC flex"><view class="title flex1">000065.SZ 北方国际</view><view class="correlation">相关度: 98%</view></view><view class="category">石油石化</view><view class="content"> 海外订单占比70%-80%，在俄语区矿产资源开发（蒙古矿山）、电力运营经验丰富，是乌克兰重建核心受益标的。公司在俄语区的深厚积累使其直接获益于区域经济复苏和能源合作深化。 </view></view></view></view></view></view>

unpackage/dist/dev/mp-weixin/pages/invest/investDetails/investDetails.wxss

@@ -0,0 +1,96 @@
+.topBg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: auto;
+}
+.categoryC {
+  background-color: white;
+  margin-top: 10rpx;
+  padding-top: 20rpx;
+  left: 0;
+  right: 0;
+  border-radius: 20rpx 20rpx 0 0;
+}
+.categoryC .item {
+  display: inline-block;
+  padding: 0 30rpx;
+  line-height: 75rpx;
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #42485B;
+}
+.categoryC .item.select {
+  font-weight: bold;
+  color: #F97316;
+}
+.categoryC .item.select .line {
+  background-color: #F97316;
+  left: calc((100% - 50rpx)/2);
+  bottom: 0;
+  width: 50rpx;
+  height: 2rpx;
+}
+.contentC {
+  background-color: white;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: scroll;
+}
+.contentC .stockCategoryList {
+  margin-top: 18rpx;
+  padding: 0 24rpx;
+}
+.contentC .stockCategoryList .item {
+  margin: 0 20rpx 20rpx 0;
+  width: calc((100% - 40rpx)/3);
+  height: 100rpx;
+  border-radius: 10rpx;
+}
+.contentC .stockCategoryList .item .num {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+.contentC .stockCategoryList .item .title {
+  font-size: 24rpx;
+  font-weight: 500;
+}
+.contentC .stockCategoryList .item:nth-child(3n) {
+  margin-right: 0;
+}
+.contentC .stockList {
+  padding: 22rpx 25rpx 30rpx;
+  border-bottom: solid 1rpx #E4E4E4;
+}
+.contentC .stockList .item .title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #222;
+}
+.contentC .stockList .item .correlation {
+  background-color: #F973161A;
+  padding: 0 13rpx;
+  line-height: 40rpx;
+  border-radius: 5rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #F97316;
+}
+.contentC .stockList .item .category {
+  display: inline-block;
+  padding: 0 10rpx;
+  line-height: 28rpx;
+  border: solid 1rpx #F6604A;
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #F6604A;
+  border-radius: 5rpx;
+}
+.contentC .stockList .item .content {
+  margin-top: 18rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #666;
+  line-height: 1.2rem;
+}