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

unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.js

@@ -0,0 +1,646 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const request_api = require("../../../request/api.js");
+const utils_util = require("../../../utils/util.js");
+const common_assets = require("../../../common/assets.js");
+const echarts = require("../../../uni_modules/lime-echart/static/echarts.min.js");
+const _sfc_main = {
+  data() {
+    return {
+      navH: common_vendor.inject("navHeight"),
+      windowWidth: common_vendor.inject("windowWidth"),
+      eventId: "",
+      //事件id
+      memberInfo: null,
+      //会员信息
+      eventDetails: null,
+      //事件详情
+      categoryList: ["相关标的", "相关概念", "历史事件"],
+      targetList: [],
+      //相关标的
+      conceptList: [],
+      //相关概念
+      page: 1,
+      loadAll: false,
+      //是否加载完毕
+      historyEventList: [],
+      //历史事件
+      historyEventRelatedStockList: [],
+      //历史事件相关股票
+      selectCategory: 0,
+      headingList: ["名称代码", "分时图", "开盘价", "最新价", "涨跌幅"],
+      getLocaleHourMinute: utils_util.getLocaleHourMinute,
+      getLocaleTime: utils_util.getLocaleTime,
+      getRateUpOrDown: utils_util.getRateUpOrDown,
+      getRateStr: utils_util.getRateStr,
+      getChgRateStr: utils_util.getChgRateStr,
+      scoreTop: "",
+      expectScore: 0,
+      //预期得分
+      commentList: [],
+      //评价列表
+      eventComment: "",
+      //事件评论内容
+      replyId: "",
+      //回复评论id 
+      replyPid: "",
+      //回复评论父级id 
+      isFocus: false,
+      //是否获取焦点
+      replyComment: "",
+      //评论回复内容
+      option: {
+        tooltip: {
+          show: false,
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow"
+          },
+          confine: true
+        },
+        grid: {
+          left: "10%",
+          right: "6%",
+          top: "5%",
+          bottom: "10%"
+        },
+        xAxis: {
+          type: "category",
+          scale: true,
+          data: [],
+          // axisTick:{ show:false },
+          axisLine: { show: false },
+          axisLabel: { show: false }
+        },
+        yAxis: [
+          {
+            type: "value",
+            axisTick: { show: false },
+            scale: true,
+            axisLabel: { show: false },
+            splitLine: { show: false }
+          }
+        ],
+        series: {
+          name: "分时图",
+          type: "line",
+          label: {
+            show: true,
+            position: "top",
+            fontSize: 12
+          },
+          symbol: "none",
+          silent: true,
+          data: [],
+          itemStyle: {
+            color: ""
+          },
+          markLine: {
+            symbol: ["none", "none"],
+            lineStyle: {
+              color: "#AAAAAA",
+              type: "dashed"
+            },
+            data: []
+          }
+        }
+      }
+    };
+  },
+  onLoad(e) {
+    if (e.id) {
+      this.eventId = e.id;
+      this.getEventRelatedStockData();
+      this.getEventCommentListData();
+    }
+  },
+  methods: {
+    /**
+     * 复制标题
+     */
+    copyEventTitle() {
+      common_vendor.index.setClipboardData({
+        data: this.eventDetails.event_title,
+        success() {
+          common_vendor.index.showToast({
+            title: "复制成功"
+          });
+        }
+      });
+    },
+    async init() {
+      let that = this;
+      setTimeout(function() {
+        that.targetList.map(function(item, index) {
+          const chartDom = that.$refs["chartRef" + index][0];
+          chartDom.init(echarts).then((res) => {
+            let option = { ...that.option };
+            let categoryData = [];
+            let valueData = [];
+            for (let item1 of item.minute_chart_data) {
+              categoryData.push(item1.time);
+              valueData.push(item1.close);
+            }
+            option.series.data = valueData;
+            option.xAxis.data = categoryData;
+            let time = that.eventDetails.event_start_time.split("T")[1];
+            time = time.substring(0, 5);
+            let firstOpen = item.minute_chart_data[0].open;
+            option.series.markLine.data = [
+              {
+                xAxis: time,
+                lineStyle: {
+                  type: "solid",
+                  width: 1,
+                  color: "#ffd700"
+                }
+              },
+              {
+                yAxis: firstOpen
+              }
+            ];
+            let lastClose = item.minute_chart_data.slice(-1)[0].close;
+            if (lastClose >= firstOpen) {
+              option.series.itemStyle.color = "#EF5350";
+            } else
+              option.series.itemStyle.color = "#26A69A";
+            res.setOption(option);
+          });
+        });
+      }, 300);
+    },
+    loadMoreData() {
+      if (this.selectCategory == 1) {
+        if (!this.loadAll) {
+          this.page++;
+          this.getEventRelatedConceptData();
+        }
+      }
+    },
+    /**
+     * 点击切换分类
+     */
+    clickCategoryItem(index) {
+      if (this.selectCategory != index) {
+        this.selectCategory = index;
+        if (index == 0) {
+          this.getEventRelatedStockData();
+        } else if (index == 1) {
+          this.page = 1;
+          this.loadAll = false;
+          this.getEventRelatedConceptData();
+        } else if (index == 2) {
+          this.getEventHistoryEventData();
+        }
+      }
+    },
+    /**
+     * 点击查看股票详情
+     */
+    clickStockItem(code) {
+      common_vendor.index.navigateTo({
+        url: "/pages/index/stockDetails/stockDetails?type=1&code=" + code + "&id=" + this.eventId
+      });
+    },
+    /**
+     * 点击查看相关概念
+     */
+    clickConceptItem(name) {
+      let md5 = common_vendor.CryptoJS.MD5(name).toString();
+      common_vendor.index.navigateTo({
+        url: "/pages/index/conceptDetails/conceptDetails?name=" + md5
+      });
+    },
+    /**
+     * 非vip点击
+     */
+    clickNotVip() {
+      this.$refs["vipPopup"].open();
+    },
+    /**
+     * 点击稍后再说
+     */
+    clickLater() {
+      this.$refs["vipPopup"].close();
+    },
+    /**
+     * 点击立即升级
+     */
+    clickUpgradeAtOnce() {
+      this.clickLater();
+    },
+    /**
+     * 点击查看更多个股
+     */
+    clickStockMore(item) {
+      common_vendor.index.navigateTo({
+        url: "/pages/concept/hotStock/hotStock?id=" + item.concept_id
+      });
+    },
+    /**
+     * 点击查看历史时间轴
+     */
+    clickHistoricalTimeline(item) {
+      common_vendor.index.navigateTo({
+        url: "/pages/concept/historicalTimeline/historicalTimeline?id=" + item.concept_id
+      });
+    },
+    /**
+     * 点击查看历史事件的相关股票
+     */
+    clickLookHistoricalEventRelatedStock(item) {
+      this.historyEventRelatedStockList = item.related_stocks;
+      this.$refs["stockPopup"].open();
+    },
+    /**
+     * 点击关闭相关股票弹窗
+     */
+    closeRelatedStockPopup() {
+      this.$refs["stockPopup"].close();
+    },
+    /**
+     * 点击查看超预期得分
+     */
+    clickExpectScore(e) {
+      this.scoreTop = e.currentTarget.offsetTop + this.navH + (70 + 10) / 750 * this.windowWidth;
+      this.$refs["expectScorePopup"].open();
+    },
+    /**
+     * 点击发送事件评论
+     */
+    sendEventComment() {
+      if (!this.eventComment) {
+        common_vendor.index.showToast({
+          title: "请输入评论内容",
+          icon: "none"
+        });
+        return;
+      }
+      let eventId = this.eventId;
+      let param = { content: this.eventComment };
+      request_api.commentEvent(eventId, param).then((res) => {
+        common_vendor.index.showToast({
+          title: res.message,
+          icon: "none"
+        });
+        let that = this;
+        setTimeout(function() {
+          that.getEventCommentListData();
+        }, 1e3);
+      }).catch((error) => {
+      });
+    },
+    /**
+     * 点击评论
+     */
+    clickComment() {
+      this.$refs["popup"].open();
+    },
+    /**
+     * 点击关闭评论弹窗
+     */
+    closeCommentPopup() {
+      this.$refs["popup"].close();
+    },
+    /**
+     * 点击关注
+     */
+    clickFollow() {
+      let eventId = this.eventId;
+      request_api.followEvent(eventId).then((res) => {
+        common_vendor.index.showToast({
+          title: res.message,
+          icon: "none"
+        });
+        common_vendor.index.$emit("editSuccess");
+        this.getEventRelatedStockData();
+      }).catch((error) => {
+      });
+    },
+    /**
+     * 点击回复评论
+     */
+    clickReplyComment(id, pid) {
+      this.replyId = id;
+      if (pid) {
+        this.replyPid = pid;
+      }
+      this.isFocus = true;
+    },
+    sendReplyComment() {
+      if (!this.replyComment) {
+        common_vendor.index.showToast({
+          title: "请输入评论内容",
+          icon: "none"
+        });
+        return;
+      }
+      let param = { content: this.replyComment };
+      if (this.replyPid) {
+        param.parent_id = this.replyPid;
+      }
+      request_api.replyComment(this.replyId, param).then((res) => {
+      }).catch((error) => {
+      });
+    },
+    /**
+     * 点赞评论
+     */
+    clickLikeComment(id, index, cindex) {
+      request_api.likeEventComment(id).then((res) => {
+        common_vendor.index.showToast({
+          title: res.message,
+          icon: "none"
+        });
+        if (cindex == -1) {
+          this.commentList[index].likes_count = res.likes_count;
+        }
+      }).catch((error) => {
+      });
+    },
+    /**
+     * 获取事件相关标的数据
+     */
+    getEventRelatedStockData() {
+      let eventId = this.eventId;
+      request_api.eventRelatedStock(eventId).then((res) => {
+        if (res.code == 200) {
+          this.eventDetails = res.data;
+          this.targetList = res.data.related_stocks;
+          this.init();
+        } else
+          common_vendor.index.showToast({
+            title: res.message,
+            icon: "none",
+            duration: 3e3
+          });
+      }).catch((error) => {
+      });
+    },
+    /**
+     * 获取事件相关概念数据
+     */
+    getEventRelatedConceptData() {
+      let eventDetails = this.eventDetails;
+      let param = { query: eventDetails.event_title, size: 10, page: this.page, sort_by: "_score", isJson: 1 };
+      request_api.eventRelatedConcept(param).then((res) => {
+        if (res.page == 1) {
+          this.conceptList = res.results;
+        } else {
+          this.conceptList = this.conceptList.concat(res.results);
+        }
+        if (res.page == res.total_pages) {
+          this.loadAll = true;
+        }
+      }).catch((error) => {
+      });
+    },
+    /**
+     * 获取事件历史事件数据
+     */
+    getEventHistoryEventData() {
+      let eventId = this.eventId;
+      request_api.eventHistoryEvent(eventId).then((res) => {
+        if (res.code == 200) {
+          this.expectScore = res.data.invest_score;
+          this.historyEventList = res.data.historical_events;
+        } else
+          common_vendor.index.showToast({
+            title: res.message,
+            icon: "none"
+          });
+      }).catch((error) => {
+      });
+    },
+    /**
+     * 获取事件评论列表
+     */
+    getEventCommentListData() {
+      let eventId = this.eventId;
+      request_api.eventCommentList(eventId).then((res) => {
+        this.commentList = res.data.posts;
+      }).catch((error) => {
+      });
+    }
+  }
+};
+if (!Array) {
+  const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
+  const _easycom_l_echart2 = common_vendor.resolveComponent("l-echart");
+  const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
+  (_easycom_navBar2 + _easycom_l_echart2 + _easycom_uni_popup2)();
+}
+const _easycom_navBar = () => "../../../components/navBar/navBar.js";
+const _easycom_l_echart = () => "../../../uni_modules/lime-echart/components/l-echart/l-echart.js";
+const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
+if (!Math) {
+  (_easycom_navBar + _easycom_l_echart + _easycom_uni_popup)();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: common_vendor.p({
+      leftText: "事件详情",
+      hideNavBg: true
+    }),
+    b: common_assets._imports_0,
+    c: $data.eventDetails
+  }, $data.eventDetails ? common_vendor.e({
+    d: common_vendor.t($data.eventDetails.event_type),
+    e: common_vendor.t($data.eventDetails.event_title),
+    f: common_vendor.o(($event) => $options.copyEventTitle()),
+    g: common_vendor.t($data.eventDetails.event_created_at.substr(0, 16)),
+    h: common_vendor.t($data.eventDetails.event_desc),
+    i: 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)
+      });
+    }),
+    j: $data.selectCategory == 0
+  }, $data.selectCategory == 0 ? {
+    k: common_vendor.f($data.headingList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item),
+        b: index
+      };
+    })
+  } : {}, {
+    l: $data.selectCategory == 0
+  }, $data.selectCategory == 0 ? {
+    m: common_vendor.f($data.targetList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.stock_name),
+        b: common_vendor.t(item.stock_code),
+        c: common_vendor.sr("chartRef" + index, "6e1a61f1-1-" + i0, {
+          "f": 1
+        }),
+        d: "chartRef" + index,
+        e: "6e1a61f1-1-" + i0,
+        f: common_vendor.t(item.trade_data ? item.trade_data.open_price : ""),
+        g: common_vendor.t(item.trade_data ? item.trade_data.latest_price : ""),
+        h: common_vendor.t(item.trade_data ? item.trade_data.change_pct : ""),
+        i: common_vendor.n("chg flex1 " + ($data.getRateUpOrDown(item.trade_data ? item.trade_data.change_pct : "") ? "down" : "up")),
+        j: common_vendor.t(item.relation_desc),
+        k: index,
+        l: common_vendor.o(($event) => $options.clickStockItem(item.stock_code), index)
+      };
+    })
+  } : {}, {
+    n: $data.selectCategory == 1
+  }, $data.selectCategory == 1 ? {
+    o: common_vendor.f($data.conceptList, (item, index, i0) => {
+      return common_vendor.e({
+        a: common_vendor.t(item.concept),
+        b: item.price_info
+      }, item.price_info ? {
+        c: common_vendor.t($data.getChgRateStr(item.price_info.avg_change_pct)),
+        d: common_vendor.n("chg " + ($data.getRateUpOrDown(item.price_info.avg_change_pct) ? "down" : "up"))
+      } : {}, {
+        e: item.price_info
+      }, item.price_info ? {
+        f: common_vendor.t(item.stock_count),
+        g: common_vendor.n("stockNum " + ($data.getRateUpOrDown(item.price_info.avg_change_pct) ? "down" : "up"))
+      } : {}, {
+        h: common_vendor.t(item.description)
+      }, $data.memberInfo && $data.memberInfo.is_member && $data.memberInfo.subscription_type == "pro" ? {
+        i: common_vendor.f(item.stocks.slice(0, 3), (sitem, sindex, i1) => {
+          return {
+            a: common_vendor.t(sitem.name),
+            b: sindex
+          };
+        }),
+        j: common_vendor.t(item.stock_count - 3),
+        k: common_vendor.o(($event) => $options.clickStockMore(item), index)
+      } : {
+        l: common_assets._imports_1$6,
+        m: common_vendor.t(item.stock_count),
+        n: common_vendor.o(($event) => $options.clickNotVip(), index)
+      }, {
+        o: common_vendor.t(item.price_info ? item.price_info.trade_date : ""),
+        p: common_vendor.o(($event) => $options.clickHistoricalTimeline(item), index),
+        q: index,
+        r: common_vendor.o(($event) => $options.clickConceptItem(item.concept), index)
+      });
+    }),
+    p: $data.memberInfo && $data.memberInfo.is_member && $data.memberInfo.subscription_type == "pro",
+    q: common_assets._imports_1$3
+  } : {}, {
+    r: $data.selectCategory == 2
+  }, $data.selectCategory == 2 ? {
+    s: common_assets._imports_3$3,
+    t: common_vendor.t($data.expectScore),
+    v: common_assets._imports_4$4,
+    w: common_vendor.o(($event) => $options.clickExpectScore($event)),
+    x: common_vendor.f($data.historyEventList, (item, index, i0) => {
+      return common_vendor.e({
+        a: common_vendor.t(item.title),
+        b: common_vendor.t(item.relevance * 10),
+        c: common_vendor.t(item.content),
+        d: $data.getRateUpOrDown(item.related_avg_chg)
+      }, $data.getRateUpOrDown(item.related_avg_chg) ? {
+        e: common_assets._imports_1$1
+      } : {
+        f: common_assets._imports_2$1
+      }, {
+        g: common_vendor.t($data.getRateStr(item.related_avg_chg)),
+        h: common_vendor.n("rateItem " + ($data.getRateUpOrDown(item.related_avg_chg) ? "down" : "up")),
+        i: $data.getRateUpOrDown(item.related_max_chg)
+      }, $data.getRateUpOrDown(item.related_max_chg) ? {
+        j: common_assets._imports_1$1
+      } : {
+        k: common_assets._imports_2$1
+      }, {
+        l: common_vendor.t($data.getRateStr(item.related_max_chg)),
+        m: common_vendor.n("rateItem " + ($data.getRateUpOrDown(item.related_max_chg) ? "down" : "up")),
+        n: common_vendor.o(($event) => $options.clickLookHistoricalEventRelatedStock(item), index),
+        o: common_vendor.t($data.getLocaleTime(item.event_date)),
+        p: index
+      });
+    }),
+    y: common_assets._imports_5$1,
+    z: common_assets._imports_3$3
+  } : {}, {
+    A: common_vendor.s("top:" + $data.navH + "px;"),
+    B: common_vendor.o(($event) => $options.loadMoreData())
+  }) : {}, {
+    C: $data.eventDetails
+  }, $data.eventDetails ? {
+    D: common_assets._imports_8$1,
+    E: common_vendor.t($data.eventDetails.view_count),
+    F: common_assets._imports_9$2,
+    G: common_vendor.t($data.eventDetails.follower_count),
+    H: common_vendor.o(($event) => $options.clickFollow())
+  } : {}, {
+    I: common_assets._imports_15$1,
+    J: common_vendor.o(($event) => $options.closeCommentPopup()),
+    K: common_vendor.f($data.commentList, (item, index, i0) => {
+      return {
+        a: item.user.avatar_url,
+        b: common_vendor.t(item.user.username),
+        c: common_vendor.t(item.content),
+        d: common_vendor.t($data.getLocaleHourMinute(item.created_at)),
+        e: common_vendor.o(($event) => $options.clickReplyComment(item.post_id), index),
+        f: common_vendor.t(item.likes_count),
+        g: common_vendor.o(($event) => $options.clickLikeComment(item.post_id, index, -1), index),
+        h: index
+      };
+    }),
+    L: common_assets._imports_11,
+    M: common_vendor.sr("popup", "6e1a61f1-2"),
+    N: common_vendor.p({
+      type: "bottom"
+    }),
+    O: common_assets._imports_12$1,
+    P: common_vendor.s("margin-top:" + $data.scoreTop + "px;"),
+    Q: common_vendor.sr("expectScorePopup", "6e1a61f1-3"),
+    R: common_vendor.p({
+      type: "top",
+      ["mask-background-color"]: "transparent",
+      animation: false
+    }),
+    S: common_assets._imports_15$1,
+    T: common_vendor.o(($event) => $options.closeRelatedStockPopup()),
+    U: common_vendor.f($data.historyEventRelatedStockList, (item, index, i0) => {
+      return common_vendor.e({
+        a: common_vendor.t(item.stock_name + "(" + item.stock_code + ")"),
+        b: common_vendor.t(item.correlation * 100),
+        c: common_vendor.t(item.sector),
+        d: $data.getRateUpOrDown(item.daily_change)
+      }, $data.getRateUpOrDown(item.daily_change) ? {
+        e: common_assets._imports_1$1
+      } : {
+        f: common_assets._imports_2$1
+      }, {
+        g: common_vendor.t($data.getRateStr(item.daily_change)),
+        h: common_vendor.n("rateC " + ($data.getRateUpOrDown(item.daily_change) ? "down" : "up")),
+        i: common_vendor.t(item.relation_desc),
+        j: index,
+        k: common_vendor.o(($event) => $options.clickStockItem(item.stock_code), index)
+      });
+    }),
+    V: common_vendor.sr("stockPopup", "6e1a61f1-4"),
+    W: common_vendor.p({
+      type: "bottom"
+    }),
+    X: common_assets._imports_13,
+    Y: common_assets._imports_14,
+    Z: common_assets._imports_15,
+    aa: common_assets._imports_15,
+    ab: common_assets._imports_16,
+    ac: common_assets._imports_16,
+    ad: common_assets._imports_16,
+    ae: common_vendor.o(($event) => $options.clickLater()),
+    af: common_vendor.o(($event) => $options.clickUpgradeAtOnce()),
+    ag: common_vendor.sr("vipPopup", "6e1a61f1-5"),
+    ah: common_vendor.p({
+      type: "center"
+    })
+  });
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createPage(MiniProgramPage);
+//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/index/eventDetails/eventDetails.js.map

unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.json

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

unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.wxss

@@ -0,0 +1,775 @@
+page {
+  background-color: #070707;
+}
+.topBg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: auto;
+}
+.eventDetailsC {
+  margin-top: 10rpx;
+  padding: 20rpx 25rpx 0;
+  left: 0;
+  right: 0;
+  bottom: calc(20rpx + 70rpx + 20rpx + env(safe-area-inset-bottom));
+  border-radius: 20rpx 20rpx 0 0;
+  overflow-y: scroll;
+}
+.eventDetailsC .eventIntroC {
+  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
+  padding: 26rpx 0 34rpx;
+  border-radius: 10rpx;
+}
+.eventDetailsC .eventIntroC .categoryTitleC {
+  padding: 0 25rpx;
+}
+.eventDetailsC .eventIntroC .categoryTitleC .category {
+  background-color: #F3C368;
+  margin-right: 8rpx;
+  display: inline-block;
+  padding: 0 11rpx;
+  line-height: 40rpx;
+  border-radius: 8rpx;
+  font-size: 22rpx;
+  font-weight: bold;
+  color: white;
+}
+.eventDetailsC .eventIntroC .categoryTitleC .title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #222;
+  line-height: 1.1rem;
+}
+.eventDetailsC .eventIntroC .eventTime {
+  margin: 20rpx 25rpx 0;
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #666;
+}
+.eventDetailsC .eventIntroC .eventContent {
+  margin: 18rpx 27rpx 0;
+  word-break: break-all;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #71675D;
+  line-height: 1.3rem;
+}
+.eventDetailsC .eventIntroC .eventContent .ai {
+  color: #EC3440;
+}
+.eventDetailsC .eventIntroC .riskTips {
+  margin: 24rpx 25rpx 0;
+  line-height: 1.2rem;
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #A2A2A1;
+}
+.eventDetailsC .categoryList {
+  white-space: nowrap;
+}
+.eventDetailsC .categoryList .item {
+  display: inline-block;
+  line-height: 80rpx;
+  padding: 0 18rpx;
+  font-size: 27rpx;
+  font-weight: 500;
+  color: #939393;
+}
+.eventDetailsC .categoryList .item.select {
+  font-weight: bold;
+  color: #F3C368;
+}
+.eventDetailsC .headingList {
+  background-color: #FFF1E7;
+  padding: 0 10rpx;
+  border-radius: 10rpx 10rpx 0 0;
+}
+.eventDetailsC .headingList .item {
+  line-height: 70rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #070707;
+  text-align: center;
+}
+.eventDetailsC .targetList {
+  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
+  padding: 0 25rpx;
+}
+.eventDetailsC .targetList .item {
+  padding-bottom: 20rpx;
+  border-bottom: solid 1rpx #E4E4E4;
+}
+.eventDetailsC .targetList .item .nameCodePriceC {
+  padding: 20rpx 0;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #222;
+}
+.eventDetailsC .targetList .item .nameCodePriceC .code {
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #888;
+}
+.eventDetailsC .targetList .item .nameCodePriceC .price {
+  text-align: center;
+}
+.eventDetailsC .targetList .item .nameCodePriceC .chg {
+  text-align: right;
+}
+.eventDetailsC .targetList .item .nameCodePriceC .chg.up {
+  color: #FF2929;
+}
+.eventDetailsC .targetList .item .nameCodePriceC .chg.down {
+  color: #355422;
+}
+.eventDetailsC .targetList .item .content {
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #71675D;
+  line-height: 1.2rem;
+}
+.eventDetailsC .targetList .item .content .ai {
+  color: #CCCDD1;
+}
+.eventDetailsC .conceptList .conceptItem {
+  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
+  margin-bottom: 20rpx;
+  border-radius: 10rpx;
+}
+.eventDetailsC .conceptList .conceptItem .titleChgStockNumC {
+  padding: 24rpx 18rpx 0;
+}
+.eventDetailsC .conceptList .conceptItem .titleChgStockNumC .title {
+  margin-right: 20rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #3D3D3D;
+}
+.eventDetailsC .conceptList .conceptItem .titleChgStockNumC .chg {
+  margin-right: 20rpx;
+  padding: 0 13rpx;
+  line-height: 40rpx;
+  border-radius: 20rpx;
+  font-size: 22rpx;
+  font-weight: bold;
+  color: white;
+}
+.eventDetailsC .conceptList .conceptItem .titleChgStockNumC .chg.up {
+  background-color: #EC3440;
+}
+.eventDetailsC .conceptList .conceptItem .titleChgStockNumC .chg.down {
+  background-color: #355422;
+}
+.eventDetailsC .conceptList .conceptItem .titleChgStockNumC .stockNum {
+  flex-shrink: 0;
+  padding: 0 16rpx;
+  line-height: 36rpx;
+  border-radius: 20rpx;
+  font-size: 22rpx;
+  font-weight: bold;
+}
+.eventDetailsC .conceptList .conceptItem .titleChgStockNumC .stockNum.up {
+  color: #EC3440;
+  border: solid 2rpx #EC3440;
+}
+.eventDetailsC .conceptList .conceptItem .titleChgStockNumC .stockNum.down {
+  color: #355422;
+  border: solid 2rpx #355422;
+}
+.eventDetailsC .conceptList .conceptItem .content {
+  margin-top: 26rpx;
+  padding: 0 22rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #71675D;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.eventDetailsC .conceptList .conceptItem .hotStockC {
+  margin-top: 30rpx;
+  padding: 0 20rpx;
+}
+.eventDetailsC .conceptList .conceptItem .hotStockC .title {
+  margin-right: 10rpx;
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #936E5C;
+}
+.eventDetailsC .conceptList .conceptItem .hotStockC .stockList {
+  font-size: 22rpx;
+}
+.eventDetailsC .conceptList .conceptItem .hotStockC .stockList .stockItem {
+  background-color: #3D3D3D;
+  margin-right: 10rpx;
+  padding: 0 8rpx;
+  line-height: 36rpx;
+  border-radius: 5rpx 20rpx 5rpx 20rpx;
+  color: #EFDDD1;
+}
+.eventDetailsC .conceptList .conceptItem .hotStockC .stockList .more {
+  color: #936E5C;
+  line-height: 36rpx;
+}
+.eventDetailsC .conceptList .conceptItem .hotStockC .notVipC {
+  background-color: #3D3D3D;
+  padding: 0 21rpx 0 16rpx;
+  line-height: 36rpx;
+  border-radius: 5rpx;
+  font-size: 22rpx;
+  color: #F3C368;
+}
+.eventDetailsC .conceptList .conceptItem .hotStockC .notVipC .icon {
+  margin-right: 9rpx;
+  width: 15rpx;
+  height: auto;
+}
+.eventDetailsC .conceptList .conceptItem .transactionDateHistoryTimeC {
+  padding: 20rpx 22rpx 30rpx;
+}
+.eventDetailsC .conceptList .conceptItem .transactionDateHistoryTimeC .transactionDate {
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #666;
+}
+.eventDetailsC .conceptList .conceptItem .transactionDateHistoryTimeC .historyTimeC {
+  background-color: #F3C368;
+  padding: 0 10rpx 0 15rpx;
+  line-height: 36rpx;
+  border-radius: 10rpx;
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #101213;
+}
+.eventDetailsC .conceptList .conceptItem .transactionDateHistoryTimeC .historyTimeC .icon {
+  margin-right: 7rpx;
+  width: 20rpx;
+  height: auto;
+}
+.eventDetailsC .historyEventList {
+  padding: 20rpx 0;
+}
+.eventDetailsC .historyEventList .expectScoreC {
+  padding: 0 20rpx;
+  height: 70rpx;
+}
+.eventDetailsC .historyEventList .expectScoreC .icon {
+  margin-right: 14rpx;
+  width: 24rpx;
+  height: auto;
+}
+.eventDetailsC .historyEventList .expectScoreC .score {
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #FFF6F0;
+}
+.eventDetailsC .historyEventList .expectScoreC .tips {
+  margin-left: 14rpx;
+  width: 24rpx;
+  height: auto;
+}
+.eventDetailsC .historyEventList .list .item .eventLineC {
+  padding: 30rpx 34rpx 0 25rpx;
+}
+.eventDetailsC .historyEventList .list .item .eventLineC .line {
+  width: 1rpx;
+  border-left: dashed 1rpx #F3C368;
+  height: calc(100% - 10rpx);
+}
+.eventDetailsC .historyEventList .list .item .eventLineC .point {
+  top: 0;
+  left: 14rpx;
+  width: 20rpx;
+  height: auto;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC {
+  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
+  margin-bottom: 20rpx;
+  padding-top: 27rpx;
+  min-width: 0;
+  border-radius: 10rpx;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .titleCorrelationC {
+  padding: 0 24rpx 0 30rpx;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .titleCorrelationC .title {
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #222;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .titleCorrelationC .correlation {
+  background-color: #FFF8EB;
+  padding: 0 12rpx;
+  line-height: 40rpx;
+  border-radius: 5rpx;
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #EFB342;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .content {
+  margin: 16rpx 30rpx 0;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #666;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .content .ai {
+  color: #C00000;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .increaseRateList {
+  white-space: nowrap;
+  padding: 0 30rpx;
+  margin-top: 24rpx;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .increaseRateList .rateItem {
+  display: inline-block;
+  margin-right: 15rpx;
+  line-height: 44rpx;
+  padding: 0 14rpx;
+  border-radius: 10rpx;
+  font-size: 22rpx;
+  font-weight: bold;
+  color: white;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .increaseRateList .rateItem .arrow {
+  width: 15rpx;
+  height: auto;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .increaseRateList .rateItem.up {
+  background-color: #EC3440;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .increaseRateList .rateItem.down {
+  background-color: #355422;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .relatedStockTimeC {
+  padding-right: 28rpx;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .relatedStockTimeC .relatedStockC {
+  padding: 16rpx 30rpx;
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #070707;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .relatedStockTimeC .relatedStockC .icon {
+  margin-right: 13rpx;
+  width: 24rpx;
+  height: auto;
+}
+.eventDetailsC .historyEventList .list .item .eventInfoC .relatedStockTimeC .time {
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #aaa;
+  text-align: right;
+}
+.bottomC {
+  background-color: #131313;
+  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 .item {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #bdbdbd;
+  text-align: center;
+}
+.bottomC .item .icon {
+  margin: 0 20rpx;
+  width: 40rpx;
+  height: auto;
+}
+.popup {
+  background-color: white;
+}
+.popup .titleCloseC {
+  padding-left: 25rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #222;
+}
+.popup .titleCloseC .closeC {
+  padding: 28rpx;
+}
+.popup .titleCloseC .closeC .icon {
+  width: 28rpx;
+  height: auto;
+}
+.popup .list {
+  margin: 0 25rpx;
+  border-top: solid 1rpx #E4E4E4;
+  max-height: 1200rpx;
+}
+.popup .list .item {
+  padding-top: 30rpx;
+  border-bottom: solid 1rpx #E4E4E4;
+}
+.popup .list .item .originComment {
+  display: flex;
+}
+.popup .list .item .originComment .avatar {
+  margin-right: 23rpx;
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+}
+.popup .list .item .originComment .nickname {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #111;
+}
+.popup .list .item .originComment .content {
+  margin-top: 10rpx;
+  line-height: 1.2rem;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #666;
+}
+.popup .list .item .originComment .timeReplyLikeC .time {
+  margin-right: 36rpx;
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #aaa;
+}
+.popup .list .item .originComment .timeReplyLikeC .reply {
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #F97316;
+}
+.popup .list .item .originComment .timeReplyLikeC .likeC {
+  padding: 14rpx 0;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #999;
+}
+.popup .list .item .originComment .timeReplyLikeC .likeC .icon {
+  margin-right: 12rpx;
+  width: 27rpx;
+  height: auto;
+}
+.popup .list .item .originComment .timeReplyLikeC .likeC.like {
+  color: #F97316;
+}
+.popup .list .item .originComment .totalCommentNumC {
+  padding: 14rpx 0 22rpx;
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #999;
+}
+.popup .list .item .originComment .totalCommentNumC .line {
+  background-color: #aaa;
+  margin-right: 18rpx;
+  width: 30rpx;
+  height: 2rpx;
+}
+.popup .list .item .originComment .totalCommentNumC .arrow {
+  margin-left: 14rpx;
+  width: 13rpx;
+  height: auto;
+}
+.popup .list .item .replyList {
+  margin-left: 60rpx;
+  border-top: solid 1rpx #E4E4E4;
+}
+.popup .list .item .replyList .replyItem {
+  display: flex;
+  padding: 22rpx 0;
+  border-bottom: solid 1rpx #E4E4E4;
+}
+.popup .list .item .replyList .replyItem .avatar {
+  margin-right: 23rpx;
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+}
+.popup .list .item .replyList .replyItem .nickname {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #111;
+}
+.popup .list .item .replyList .replyItem .content {
+  margin-top: 10rpx;
+  line-height: 1.2rem;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #666;
+}
+.popup .list .item .replyList .replyItem .timeReplyLikeC .time {
+  margin-right: 36rpx;
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #aaa;
+}
+.popup .list .item .replyList .replyItem .timeReplyLikeC .reply {
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #F97316;
+}
+.popup .list .item .replyList .replyItem .timeReplyLikeC .likeC {
+  padding: 14rpx 0;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #999;
+}
+.popup .list .item .replyList .replyItem .timeReplyLikeC .likeC .icon {
+  margin-right: 12rpx;
+  width: 27rpx;
+  height: auto;
+}
+.popup .list .item .replyList .replyItem .timeReplyLikeC .likeC.like {
+  color: #F97316;
+}
+.popup .list .item .replyList .replyItem:last-child {
+  border: none;
+}
+.popup .popBottomC {
+  padding: 22rpx 25rpx calc(22rpx + env(safe-area-inset-bottom));
+}
+.popup .popBottomC .inputC {
+  background-color: #F0F0F0;
+  padding: 0 33rpx;
+  height: 70rpx;
+  border-radius: 35rpx;
+}
+.popup .popBottomC .inputC input {
+  height: 100%;
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #333;
+}
+.expectScorePopup {
+  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
+  margin-left: calc(100% - 320rpx - 24rpx);
+  width: 320rpx;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 10rpx;
+}
+.expectScorePopup .arrow {
+  top: -13rpx;
+  right: 38rpx;
+  width: 26rpx;
+  height: auto;
+}
+.expectScorePopup .tips {
+  padding: 30rpx 22rpx 20rpx;
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #444;
+}
+.stockPopup {
+  background-color: white;
+  border-radius: 20rpx 20rpx 0 0;
+}
+.stockPopup .titleCloseC {
+  padding-left: 25rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #222;
+}
+.stockPopup .titleCloseC .closeC {
+  padding: 28rpx;
+}
+.stockPopup .titleCloseC .closeC .icon {
+  width: 28rpx;
+  height: auto;
+}
+.stockPopup .list {
+  border-top: solid 1rpx #E4E4E4;
+  margin: 0 25rpx;
+  max-height: 800rpx;
+  overflow-y: scroll;
+}
+.stockPopup .list .item {
+  padding: 36rpx 0 28rpx;
+  border-bottom: solid 1rpx #E4E4E4;
+}
+.stockPopup .list .item .titleCorrelationC .title {
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #222;
+}
+.stockPopup .list .item .titleCorrelationC .correlation {
+  background-color: #F3C368;
+  padding: 0 12rpx;
+  line-height: 40rpx;
+  border-radius: 5rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #101213;
+}
+.stockPopup .list .item .sectorRateC .sector {
+  display: inline-block;
+  margin-right: 20rpx;
+  padding: 0 11rpx;
+  line-height: 30rpx;
+  border-radius: 5rpx;
+  border: solid 0.5px #F6604A;
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #F6604A;
+}
+.stockPopup .list .item .sectorRateC .rateC {
+  display: inline-block;
+  padding: 0 10rpx;
+  height: 30rpx;
+  border-radius: 5rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+  color: white;
+}
+.stockPopup .list .item .sectorRateC .rateC .arrow {
+  width: 15rpx;
+  height: auto;
+}
+.stockPopup .list .item .sectorRateC .rateC.up {
+  background-color: #C00000;
+}
+.stockPopup .list .item .sectorRateC .rateC.down {
+  background-color: #355422;
+}
+.stockPopup .list .item .content {
+  margin-top: 16rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #666;
+}
+.stockPopup .list .item .content .ai {
+  color: #C00000;
+}
+.vipPopup {
+  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
+  margin: 0 95rpx;
+  padding-bottom: 34rpx;
+  width: 560rpx;
+  border-radius: 10rpx;
+}
+.vipPopup .topIcon {
+  margin: -60rpx 0 0 calc((100% - 143rpx)/2);
+  width: 143rpx;
+  height: auto;
+}
+.vipPopup .popTitle {
+  margin-top: 28rpx;
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #101213;
+  text-align: center;
+}
+.vipPopup .popSubtitle {
+  margin-top: 20rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #493F2B;
+  text-align: center;
+}
+.vipPopup .moduleC {
+  background-color: white;
+  margin: 0 30rpx 20rpx;
+  padding-top: 25rpx;
+  border-radius: 10rpx;
+}
+.vipPopup .moduleC .section {
+  padding: 0 25rpx;
+  font-size: 26rpx;
+  font-weight: bold;
+  color: #333;
+}
+.vipPopup .moduleC .section .version {
+  margin-left: 18rpx;
+  padding: 0 15rpx;
+  line-height: 32rpx;
+  border-radius: 10rpx;
+  font-size: 22rpx;
+}
+.vipPopup .moduleC .section .version.free {
+  background-color: #3D3D3D;
+  color: #FEFCFB;
+}
+.vipPopup .moduleC .section .version.pro {
+  background-color: #F2C367;
+  color: #3D3D3D;
+}
+.vipPopup .moduleC .visitC {
+  margin: 18rpx 24rpx 0;
+  height: 60rpx;
+}
+.vipPopup .moduleC .visitC .line {
+  background-color: #F2C367;
+  top: 0;
+  left: 0;
+  width: 44rpx;
+  height: 100%;
+  border-radius: 7rpx 0 0 7rpx;
+}
+.vipPopup .moduleC .visitC .contentC {
+  background-color: #F7F7F7;
+  margin-left: 6rpx;
+  padding: 0 15rpx;
+  height: 100%;
+  border-radius: 10rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #3D3D3D;
+}
+.vipPopup .moduleC .visitC .contentC .icon {
+  margin-right: 14rpx;
+  width: 25rpx;
+  height: auto;
+}
+.vipPopup .moduleC .list {
+  padding-bottom: 10rpx;
+}
+.vipPopup .moduleC .list .item {
+  padding: 10rpx 25rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #333;
+}
+.vipPopup .moduleC .list .item .icon {
+  margin-right: 13rpx;
+  width: 27rpx;
+  height: auto;
+}
+.vipPopup .moduleC.visit {
+  margin-top: 20rpx;
+  padding-bottom: 25rpx;
+}
+.vipPopup .btnC {
+  margin: 28rpx 92rpx 0;
+}
+.vipPopup .btnC .btn {
+  line-height: 60rpx;
+  border-radius: 10rpx;
+  font-size: 24rpx;
+  font-weight: bold;
+  text-align: center;
+}
+.vipPopup .btnC .btn.later {
+  background-color: #EDEDED;
+  margin-right: 56rpx;
+}
+.vipPopup .btnC .btn.upgrade {
+  background-color: #F2C367;
+}