1.26 个股详情业务结构，发展历程模块完善

unpackage/dist/dev/mp-weixin/pages/geGuCenter/detail.js

@@ -0,0 +1,88 @@
+"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"),
+      contentTop: "",
+      topLists: [
+        {
+          title: "超大盘股",
+          value: "（>1000亿）"
+        },
+        {
+          title: "大盘股",
+          value: "（500-1000亿）"
+        },
+        {
+          title: "中盘股",
+          value: "（100-500亿）"
+        }
+      ],
+      list2Index: 0
+    };
+  },
+  onLoad(e) {
+    this.activeIndex = e.index;
+    this.contentTop = this.navH + (20 + 70 + 25) / 750 * common_vendor.inject("windowWidth");
+  },
+  methods: {}
+};
+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: "详情",
+      hideNavBg: true
+    }),
+    b: common_assets._imports_0,
+    c: common_assets._imports_1,
+    d: common_vendor.o(($event) => _ctx.clickSearch()),
+    e: _ctx.keywords,
+    f: common_vendor.o(($event) => _ctx.keywords = $event.detail.value),
+    g: common_vendor.s("top:" + $data.navH + "px;"),
+    h: common_vendor.f($data.topLists, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.title),
+        b: $data.list2Index == index ? "#BB8520" : "#070707",
+        c: common_vendor.t(item.value),
+        d: $data.list2Index == index ? "#BB8520" : "#070707",
+        e: common_vendor.o(($event) => $data.list2Index = index, index),
+        f: index,
+        g: $data.list2Index == index ? "1rpx solid #F2C369" : "none"
+      };
+    }),
+    i: common_vendor.f(["股票名称", "涨跌幅", "市值", "成交额", "行业"], (item, index, i0) => {
+      return {
+        a: common_vendor.t(item),
+        b: index
+      };
+    }),
+    j: common_vendor.f(10, (obj, j, i0) => {
+      return {
+        a: common_vendor.f(["云南白药", "+0.04%", "996.85 亿元", "4.44 亿元", "医药生物"], (item, index, i1) => {
+          return common_vendor.e({
+            a: common_vendor.t(item),
+            b: index == 0
+          }, index == 0 ? {} : {}, {
+            c: index,
+            d: index == 0 ? "#222222" : index == 1 ? "#EC3440" : "#666666"
+          });
+        }),
+        b: j % 2 == 0 ? "#fff" : "#FAFAFC"
+      };
+    }),
+    k: 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/geGuCenter/detail.js.map

unpackage/dist/dev/mp-weixin/pages/geGuCenter/detail.json

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

unpackage/dist/dev/mp-weixin/pages/geGuCenter/detail.wxml

@@ -0,0 +1 @@
+<view><nav-bar wx:if="{{a}}" u-i="1d94e03e-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="searchC fixed flex" style="{{g}}"><image class="icon" src="{{c}}" mode="widthFix"></image><input class="flex1" type="text" placeholder="输入股票代码或名称" placeholder-style="color:#eeeeee" confirm-type="search" bindconfirm="{{d}}" value="{{e}}" bindinput="{{f}}"/></view><scroll-view scroll-y class="stockDetailsC fixed" style="{{k}}"><view><view style="display:grid;grid-template-columns:repeat(3, 1fr);gap:16rpx;margin:0 20rpx"><view wx:for="{{h}}" wx:for-item="item" wx:key="f" bindtap="{{item.e}}" style="{{'padding:12rpx' + ';' + ('border-bottom:' + item.g)}}"><view style="{{'font-size:24rpx;color:#070707;font-weight:bold;text-align:center' + ';' + ('color:' + item.b)}}">{{item.a}}</view><view style="{{'font-size:20rpx;font-weight:400;text-align:center' + ';' + ('color:' + item.d)}}">{{item.c}}</view></view></view><view style="height:1rpx;margin:0 20rpx;background-color:#E7E7E7"></view><view style="display:grid;grid-template-columns:repeat(5, 1fr);gap:10rpx;background-color:#FAFAFC;line-height:60rpx;margin:0 20rpx;margin-top:20rpx"><view wx:for="{{i}}" wx:for-item="item" wx:key="b" style="color:#666666;font-size:20rpx;font-weight:500;text-align:center">{{item.a}}</view></view><view wx:for="{{j}}" wx:for-item="obj" style="{{'display:grid;grid-template-columns:repeat(5, 1fr);gap:10rpx;min-height:60rpx;margin:0 20rpx' + ';' + ('background-color:' + obj.b)}}"><view wx:for="{{obj.a}}" wx:for-item="item" wx:key="c" style="{{'padding:10rpx 0;color:#666666;font-size:20rpx;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column' + ';' + ('color:' + item.d)}}"><view>{{item.a}}</view><view wx:if="{{item.b}}" style="color:#666666;font-size:20rpx;font-weight:500">000768</view></view></view><view style="height:25rpx"></view></view></scroll-view></view>

unpackage/dist/dev/mp-weixin/pages/geGuCenter/detail.wxss

@@ -0,0 +1,36 @@
+page {
+  background-color: #070707;
+}
+.topBg {
+  top: 0;
+  left: 0;
+  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: 25rpx;
+  width: calc(100vw - 50rpx);
+  bottom: env(safe-area-inset-bottom);
+  background-color: white;
+  border-radius: 10rpx;
+}

unpackage/dist/dev/mp-weixin/pages/geGuCenter/geGuCenter.js

@@ -0,0 +1,243 @@
+"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"),
+      contentTop: "",
+      topLists: [
+        {
+          title: "大盘涨跌幅",
+          value: "+0.31%",
+          color: "#EC3440",
+          backIcon: "/static/icon/gegu/gg-top-0.png"
+        },
+        {
+          title: "涨停/跌停",
+          value: "+0.31%",
+          color: "#070707",
+          backIcon: "/static/icon/gegu/gg-top-1.png"
+        },
+        {
+          title: "多空对比",
+          value: "3572/1855",
+          color: "#070707",
+          backIcon: "/static/icon/gegu/gg-top-2.png"
+        },
+        {
+          title: "今日成交额",
+          value: "1.5万亿",
+          color: "#070707",
+          backIcon: "/static/icon/gegu/gg-top-3.png"
+        },
+        {
+          title: "A股总市值",
+          value: "113.8万亿",
+          color: "#070707",
+          backIcon: "/static/icon/gegu/gg-top-4.png"
+        },
+        {
+          title: "连板龙头",
+          value: "10只",
+          color: "#F59B38",
+          backIcon: "/static/icon/gegu/gg-top-5.png"
+        }
+      ],
+      topLists2: [
+        {
+          title: "超大盘股",
+          value: "（>1000亿）"
+        },
+        {
+          title: "大盘股",
+          value: "（500-1000亿）"
+        },
+        {
+          title: "中盘股",
+          value: "（100-500亿）"
+        }
+      ],
+      list2Index: 0,
+      typeList: [
+        {
+          title: "缩量急涨",
+          backIcon: "/static/icon/gegu/cate-0.png"
+        },
+        {
+          title: "异动",
+          backIcon: "/static/icon/gegu/cate-1.png"
+        },
+        {
+          title: "急跌",
+          backIcon: "/static/icon/gegu/cate-2.png"
+        },
+        {
+          title: "急涨",
+          backIcon: "/static/icon/gegu/cate-3.png"
+        },
+        {
+          title: "放量震荡",
+          backIcon: "/static/icon/gegu/cate-4.png"
+        }
+      ]
+    };
+  },
+  onLoad(e) {
+    this.activeIndex = e.index;
+    this.contentTop = this.navH + (20 + 70 + 25) / 750 * common_vendor.inject("windowWidth");
+  },
+  methods: {
+    moreAction() {
+      common_vendor.index.navigateTo({
+        url: "/pages/geGuCenter/detail"
+      });
+    },
+    allAction(index) {
+      if (index == 1) {
+        this.$refs["typePopup"].open();
+      } else if (index == 2) {
+        this.$refs["datePopup"].open();
+      }
+    },
+    closeAction(index) {
+      if (index == 1) {
+        this.$refs["typePopup"].close();
+      } else if (index == 2) {
+        this.$refs["datePopup"].close();
+      } else if (index == 3) {
+        this.$refs["detailPopup"].close();
+      }
+    },
+    confirmAction(index) {
+      if (index == 1) {
+        this.$refs["typePopup"].close();
+      } else if (index == 2) {
+        this.$refs["datePopup"].close();
+      }
+    },
+    bkydAction(item) {
+      this.$refs["detailPopup"].open();
+    }
+  }
+};
+if (!Array) {
+  const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
+  const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
+  const _easycom_LCCalendar22 = common_vendor.resolveComponent("LCCalendar2");
+  (_easycom_navBar2 + _easycom_uni_popup2 + _easycom_LCCalendar22)();
+}
+const _easycom_navBar = () => "../../components/navBar/navBar.js";
+const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
+const _easycom_LCCalendar2 = () => "../../components/LCCalendar2/LCCalendar2.js";
+if (!Math) {
+  (_easycom_navBar + _easycom_uni_popup + _easycom_LCCalendar2)();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {
+    a: common_vendor.p({
+      leftText: "个股中心",
+      hideNavBg: true,
+      hideBack: true
+    }),
+    b: common_assets._imports_0,
+    c: common_assets._imports_1,
+    d: common_vendor.o(($event) => _ctx.clickSearch()),
+    e: _ctx.keywords,
+    f: common_vendor.o(($event) => _ctx.keywords = $event.detail.value),
+    g: common_vendor.s("top:" + $data.navH + "px;"),
+    h: common_vendor.f($data.topLists, (item, index, i0) => {
+      return {
+        a: item.backIcon,
+        b: common_vendor.t(item.title),
+        c: common_vendor.t(item.value),
+        d: item.color,
+        e: index
+      };
+    }),
+    i: common_vendor.f($data.topLists2, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.title),
+        b: $data.list2Index == index ? "#BB8520" : "#070707",
+        c: $data.list2Index == index ? "#FFFAF1" : "#FFFFFF",
+        d: common_vendor.t(item.value),
+        e: $data.list2Index == index ? "#BB8520" : "#070707",
+        f: common_vendor.o(($event) => $data.list2Index = index, index),
+        g: index,
+        h: `1rpx solid ${$data.list2Index == index ? "#F2C369" : "#D2D2D2"}`
+      };
+    }),
+    j: common_vendor.f(["股票名称", "涨跌幅", "市值", "成交额", "行业"], (item, index, i0) => {
+      return {
+        a: common_vendor.t(item),
+        b: index
+      };
+    }),
+    k: common_vendor.f(10, (obj, j, i0) => {
+      return {
+        a: common_vendor.f(["云南白药", "+0.04%", "996.85 亿元", "4.44 亿元", "医药生物"], (item, index, i1) => {
+          return common_vendor.e({
+            a: common_vendor.t(item),
+            b: index == 0
+          }, index == 0 ? {} : {}, {
+            c: index,
+            d: index == 0 ? "#222222" : index == 1 ? "#EC3440" : "#666666"
+          });
+        }),
+        b: j % 2 == 0 ? "#fff" : "#FAFAFC"
+      };
+    }),
+    l: common_assets._imports_1$2,
+    m: common_vendor.o((...args) => $options.moreAction && $options.moreAction(...args)),
+    n: common_assets._imports_3$7,
+    o: common_assets._imports_4$1,
+    p: common_vendor.o(($event) => $options.allAction(1)),
+    q: common_assets._imports_4$1,
+    r: common_vendor.o(($event) => $options.allAction(2)),
+    s: common_assets._imports_3$7,
+    t: common_vendor.f(10, (item, index, i0) => {
+      return {
+        a: index,
+        b: common_vendor.o(($event) => $options.bkydAction(item), index)
+      };
+    }),
+    v: common_assets._imports_5$3,
+    w: common_vendor.s("top:" + $data.contentTop + "px;"),
+    x: common_vendor.o(($event) => $options.closeAction(1)),
+    y: common_vendor.o(($event) => $options.confirmAction(1)),
+    z: common_vendor.f($data.typeList, (item, index, i0) => {
+      return {
+        a: item.backIcon,
+        b: common_vendor.t(item.title),
+        c: index
+      };
+    }),
+    A: common_vendor.sr("typePopup", "c7f5c964-1"),
+    B: common_vendor.p({
+      type: "bottom",
+      safeArea: false
+    }),
+    C: common_vendor.o(($event) => $options.closeAction(2)),
+    D: common_vendor.o(($event) => $options.confirmAction(2)),
+    E: common_vendor.sr("datePopup", "c7f5c964-2"),
+    F: common_vendor.p({
+      type: "bottom",
+      safeArea: false
+    }),
+    G: common_assets._imports_15$1,
+    H: common_vendor.o(($event) => $options.closeAction(3)),
+    I: common_vendor.f(10, (item, index, i0) => {
+      return {
+        a: index % 2 == 0 ? "#fff" : "#FAFAFC"
+      };
+    }),
+    J: common_vendor.sr("detailPopup", "c7f5c964-4"),
+    K: common_vendor.p({
+      type: "bottom",
+      safeArea: false
+    })
+  };
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createPage(MiniProgramPage);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/geGuCenter/geGuCenter.js.map

unpackage/dist/dev/mp-weixin/pages/geGuCenter/geGuCenter.json

@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {
+    "nav-bar": "../../components/navBar/navBar",
+    "uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup",
+    "l-c-calendar2": "../../components/LCCalendar2/LCCalendar2"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/geGuCenter/geGuCenter.wxss

@@ -0,0 +1,43 @@
+page {
+  background-color: #070707;
+}
+.topBg {
+  top: 0;
+  left: 0;
+  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: 25rpx;
+  width: calc(100vw - 50rpx);
+  bottom: calc(55px + env(safe-area-inset-bottom));
+  background-color: white;
+  border-radius: 10rpx;
+}
+.detailPopup {
+  max-height: 70%;
+  background-color: white;
+  color: red;
+  border-radius: 20rpx 20rpx 0 0;
+  padding-bottom: env(safe-area-inset-bottom);
+}