1.7 去掉事件详情输入框，个股中心部分模块页面搭建

unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.js

@@ -1,7 +1,70 @@
 "use strict";
 const common_vendor = require("../../common/vendor.js");
 const common_assets = require("../../common/assets.js");
-const _sfc_main = {};
+const _sfc_main = {
+  data() {
+    return {
+      navH: common_vendor.inject("navHeight"),
+      keywords: "",
+      contentTop: "",
+      tabList: [
+        {
+          title: "公司档案"
+        },
+        {
+          title: "深度分析"
+        },
+        {
+          title: "股票行情"
+        },
+        {
+          title: "财务全景"
+        },
+        {
+          title: "盈利预测"
+        }
+      ],
+      selectTab: 0,
+      companyFilesList: [
+        {
+          title: "股权结构"
+        },
+        {
+          title: "管理团队"
+        },
+        {
+          title: "分支机构"
+        },
+        {
+          title: "工商信息"
+        }
+      ],
+      selectCompanyFiles: 0
+    };
+  },
+  onLoad() {
+    this.contentTop = this.navH + (20 + 70 + 30) / 750 * common_vendor.inject("windowWidth");
+  },
+  methods: {
+    /**
+     * @param {Object} index
+     */
+    clickTabItem(index) {
+      if (this.selectTab != index) {
+        this.selectTab = index;
+      }
+    },
+    /**
+     * 点击选择公司档案
+     * @param {Object} index
+     */
+    clickCompanyFilesItem(index) {
+      if (this.selectCompanyFiles != index) {
+        this.selectCompanyFiles = index;
+      }
+    }
+  }
+};
 if (!Array) {
   const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
   _easycom_navBar2();
@@ -10,14 +73,54 @@ const _easycom_navBar = () => "../../components/navBar/navBar.js";
 if (!Math) {
   _easycom_navBar();
 }
-function _sfc_render(_ctx, _cache) {
-  return {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
     a: common_vendor.p({
       leftText: "平安银行(000001)",
       hideNavBg: true
     }),
-    b: common_assets._imports_0
-  };
+    b: common_assets._imports_0,
+    c: common_assets._imports_1,
+    d: common_vendor.o(($event) => _ctx.clickSearch()),
+    e: $data.keywords,
+    f: common_vendor.o(($event) => $data.keywords = $event.detail.value),
+    g: common_vendor.s("top:" + $data.navH + "px;"),
+    h: common_assets._imports_2$9,
+    i: common_assets._imports_3$9,
+    j: common_assets._imports_4$9,
+    k: common_assets._imports_5$6,
+    l: common_vendor.f($data.tabList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.title),
+        b: common_vendor.n("item " + ($data.selectTab == index ? "select" : "")),
+        c: index,
+        d: common_vendor.o(($event) => $options.clickTabItem(index), index)
+      };
+    }),
+    m: $data.selectTab == 0
+  }, $data.selectTab == 0 ? common_vendor.e({
+    n: common_vendor.f($data.companyFilesList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.title),
+        b: common_vendor.n("item " + ($data.selectCompanyFiles == index ? "select" : "")),
+        c: index,
+        d: common_vendor.o(($event) => $options.clickCompanyFilesItem(index), index)
+      };
+    }),
+    o: $data.selectCompanyFiles == 2
+  }, $data.selectCompanyFiles == 2 ? {} : {}, {
+    p: $data.selectCompanyFiles == 3
+  }, $data.selectCompanyFiles == 3 ? {} : {}) : {}, {
+    q: common_vendor.s("top:" + $data.contentTop + "px;"),
+    r: common_vendor.o(($event) => _ctx.sendEventComment()),
+    s: _ctx.eventComment,
+    t: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
+    v: common_assets._imports_6$2,
+    w: common_assets._imports_7$2,
+    x: common_vendor.o(($event) => _ctx.clickComment()),
+    y: common_assets._imports_8$5,
+    z: common_vendor.o(($event) => _ctx.clickFollow())
+  });
 }
 const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
 wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.wxss

@@ -7,3 +7,245 @@ page {
   width: 100%;
   height: auto;
 }
+.searchC {
+  background-color: #292929B3;
+  left: 0;
+  right: 0;
+  margin: 20rpx 25rpx 0;
+  padding: 0 25rpx;
+  height: 70rpx;
+  border-radius: 35rpx;
+  font-size: 22rpx;
+  font-weight: 500;
+}
+.searchC .icon {
+  margin-right: 12rpx;
+  width: 25rpx;
+  height: auto;
+}
+.searchC input {
+  height: 100%;
+  color: white;
+}
+.stockDetailsC {
+  left: 0;
+  right: 0;
+  bottom: calc(20rpx + 70rpx + 20rpx + env(safe-area-inset-bottom));
+}
+.stockDetailsC .basicInfoC {
+  background-color: white;
+  margin: 0 25rpx;
+  padding: 22rpx 20rpx 40rpx;
+  border-radius: 10rpx;
+}
+.stockDetailsC .basicInfoC .categoryLabelC {
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #71675D;
+}
+.stockDetailsC .basicInfoC .categoryLabelC .category {
+  margin-right: 14rpx;
+  padding: 0 12rpx;
+  line-height: 34rpx;
+  border: solid 1rpx #71675D;
+  border-radius: 5rpx;
+}
+.stockDetailsC .basicInfoC .priceC {
+  margin-top: 10rpx;
+  padding: 0 6rpx 16rpx;
+  border-bottom: solid 1rpx #E7E7E7;
+  font-weight: 500;
+}
+.stockDetailsC .basicInfoC .priceC .currentChgC {
+  margin-right: 40rpx;
+  color: #EC3440;
+}
+.stockDetailsC .basicInfoC .priceC .currentChgC .current {
+  font-size: 48rpx;
+  font-weight: 900;
+}
+.stockDetailsC .basicInfoC .priceC .currentChgC .chg {
+  font-size: 24rpx;
+  text-align: center;
+}
+.stockDetailsC .basicInfoC .priceC .priceIndexC {
+  font-size: 24rpx;
+  color: #71675D;
+}
+.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC {
+  height: 40rpx;
+}
+.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC .content.up {
+  color: #EC3440;
+}
+.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC .content.down {
+  color: #345423;
+}
+.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC.marginR {
+  margin-left: 80rpx;
+}
+.stockDetailsC .basicInfoC .section {
+  margin-top: 14rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #2B2B2B;
+}
+.stockDetailsC .basicInfoC .infoC {
+  height: 40rpx;
+  font-size: 22rpx;
+  color: #71675D;
+}
+.stockDetailsC .basicInfoC .infoC .rightInfoC {
+  margin-left: 32rpx;
+}
+.stockDetailsC .basicInfoC .infoC .icon {
+  margin-right: 15rpx;
+  width: 26rpx;
+  height: auto;
+}
+.stockDetailsC .basicInfoC .infoC .title {
+  margin-right: 18rpx;
+  font-weight: 500;
+}
+.stockDetailsC .basicInfoC .infoC .content {
+  font-weight: bold;
+  text-align: right;
+}
+.stockDetailsC .basicInfoC .infoC .title.important,
+.stockDetailsC .basicInfoC .infoC .content.important {
+  color: #BB8520;
+}
+.stockDetailsC .basicInfoC .infoC .content.up {
+  color: #EC3440;
+}
+.stockDetailsC .basicInfoC .progressC {
+  background-color: #345423;
+  margin: 20rpx 10rpx 0;
+  height: 10rpx;
+  border-radius: 5rpx;
+}
+.stockDetailsC .basicInfoC .progressC .buy {
+  background-color: #EC3440;
+  width: 42%;
+  height: 100%;
+  border-radius: 5rpx;
+}
+.stockDetailsC .basicInfoC .buySaleC {
+  margin: 10rpx 0;
+  padding: 0 10rpx 20rpx;
+  font-size: 22rpx;
+  font-weight: bold;
+  border-bottom: solid 1rpx #E7E7E7;
+}
+.stockDetailsC .basicInfoC .buySaleC .buy {
+  color: #EC3440;
+}
+.stockDetailsC .basicInfoC .buySaleC .sale {
+  color: #345423;
+  text-align: right;
+}
+.stockDetailsC .basicInfoC .companyInfo {
+  display: flex;
+  margin-top: 16rpx;
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #71675D;
+}
+.stockDetailsC .basicInfoC .companyInfo .title {
+  margin-right: 10rpx;
+  font-weight: bold;
+}
+.stockDetailsC .basicInfoC .companyInfo .expand {
+  color: #BB8520;
+}
+.stockDetailsC .otherInfoC {
+  background-color: white;
+  margin: 20rpx 25rpx 0;
+  border-radius: 10rpx;
+}
+.stockDetailsC .otherInfoC .tabC {
+  white-space: nowrap;
+  margin: 0 20rpx;
+  border-bottom: solid 1rpx #E7E7E7;
+}
+.stockDetailsC .otherInfoC .tabC .item {
+  display: inline-block;
+  margin-right: 40rpx;
+  line-height: 70rpx;
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .tabC .item.select {
+  border-bottom: solid 1rpx #F2C369;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #2B2B2B;
+}
+.stockDetailsC .otherInfoC .companyFilesList {
+  white-space: nowrap;
+  margin: 22rpx 26rpx 0;
+}
+.stockDetailsC .otherInfoC .companyFilesList .item {
+  display: inline-block;
+  background-color: #F6F6F6;
+  margin-right: 20rpx;
+  padding: 0 12rpx;
+  line-height: 46rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #939393;
+}
+.stockDetailsC .otherInfoC .companyFilesList .item.select {
+  background-color: #F3C368;
+  font-weight: bold;
+  color: #070707;
+}
+.stockDetailsC .otherInfoC .businessInfoList {
+  padding: 0 20rpx;
+}
+.stockDetailsC .otherInfoC .businessInfoList .section {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #2B2B2B;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC {
+  background-color: #FAFAFC;
+  border-radius: 10rpx;
+  padding: 20rpx;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC .title {
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #999;
+}
+.bottomC {
+  background-color: black;
+  padding: 20rpx 25rpx calc(20rpx + env(safe-area-inset-bottom));
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.bottomC .inputC {
+  background-color: #424143;
+  margin-right: 20rpx;
+  padding: 0 33rpx;
+  height: 70rpx;
+  border-radius: 35rpx;
+}
+.bottomC .inputC input {
+  height: 100%;
+  font-size: 26rpx;
+  font-weight: 500;
+}
+.bottomC .contrastShareC .item {
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #FEFAF6;
+  text-align: center;
+}
+.bottomC .contrastShareC .item .icon {
+  margin: 0 30rpx;
+  width: auto;
+  height: 26rpx;
+}