longcai/JiaZhiQianYan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

12.12 页面风格改版，增加事件详情相关概念网页跳转，增加绑定手机号功能

Browse Source
This commit is contained in:
尚政杰
2025-12-12 19:35:08 +08:00
parent 44842120da
commit 13c783a0ad
256 changed files with 4046 additions and 2986 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
unpackage/dist/dev/mp-weixin/pages/invest/investDetails/investDetails.js vendored
View File

@@ -19,13 +19,13 @@ const _sfc_main = {
{
title: "全部股票",
num: 0,
bgColor: "#C00000",
bgColor: "#D82A2A",
color: "white"
},
{
title: "大周期",
num: 0,
bgColor: "#305496",
bgColor: "#3A5D9C",
color: "white"
},
{
@@ -113,18 +113,17 @@ if (!Math) {
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: common_vendor.p({
leftText: "详情"
leftText: "事件详情",
hideNavBg: true
}),
b: common_assets._imports_0,
c: common_vendor.f($data.categoryList, (item, index, i0) => {
return common_vendor.e({
return {
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)
});
b: common_vendor.n("item relative " + ($data.selectCategory == index ? "select" : "")),
c: index,
d: common_vendor.o(($event) => $options.clickCategoryItem(index), index)
};
}),
d: common_vendor.s("top:" + $data.navH + "px;"),
e: $data.investDetails
@@ -165,19 +164,38 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
});
})
} : {}, {
m: $data.selectCategory == 4
}, $data.selectCategory == 4 ? {
n: common_vendor.f($data.investDetails.extracted_concepts, (item, index, i0) => {
return {
a: item.first_image,
b: common_vendor.t(item.name),
c: common_vendor.t(item.reason),
d: index,
e: common_vendor.o(($event) => _ctx.clickConceptItem(), index)
};
})
m: $data.selectCategory == 3
}, $data.selectCategory == 3 ? {
n: common_vendor.f(_ctx.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(_ctx.getChgRateStr(item.price_info.avg_change_pct)),
d: common_vendor.n("chg " + (_ctx.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 " + (_ctx.getRateUpOrDown(item.price_info.avg_change_pct) ? "down" : "up"))
} : {}, {
h: common_vendor.t(item.description),
i: common_vendor.f(item.stocks.slice(0, 3), (sitem, sindex, i1) => {
return {
a: common_vendor.t(sitem.stock_name),
b: sindex
};
}),
j: common_vendor.t(item.stock_count - 3),
k: common_vendor.o(($event) => _ctx.clickStockMore(item), index),
l: common_vendor.t(item.price_info ? item.price_info.trade_date : ""),
m: common_vendor.o(($event) => _ctx.clickHistoricalTimeline(item), index),
n: index
});
}),
o: common_assets._imports_1$2
} : {}, {
o: common_vendor.s("top:" + $data.contentTop + "px;")
p: common_vendor.s("top:" + $data.contentTop + "px;")
}) : {});
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);

2
unpackage/dist/dev/mp-weixin/pages/invest/investDetails/investDetails.wxml vendored
View File

@@ -1 +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 wx:if="{{e}}" class="contentC fixed" style="{{o}}"><view wx:if="{{f}}" class="former"><ua-markdown wx:if="{{g}}" u-i="b7e6c0fc-1" bind:__l="__l" u-p="{{g}}"/><text class="ai">（AI合成）</text></view><view wx:if="{{h}}" class="former"><ua-markdown wx:if="{{i}}" u-i="b7e6c0fc-2" bind:__l="__l" u-p="{{i}}"/></view><view wx:if="{{j}}" class="stockC"><view class="stockCategoryList flexWrap"><view wx:for="{{k}}" wx:for-item="item" wx:key="d" class="item flexColumnCenter" style="{{item.c}}"><view class="num">{{item.a}}</view><view class="title">{{item.b}}</view></view></view><view class="stockList"><view wx:for="{{l}}" wx:for-item="item" wx:key="f" class="item" bindtap="{{item.g}}"><view class="titleCorrelationC flex"><view class="title flex1">{{item.a}}</view><view class="correlation">相关度: {{item.b}}%</view></view><view wx:if="{{item.c}}" class="category">{{item.d}}</view><view class="content">{{item.e}}</view></view></view></view><view wx:if="{{m}}"><view class="conceptList"><view wx:for="{{n}}" wx:for-item="item" wx:key="d" class="item relative" bindtap="{{item.e}}"><image class="cover" src="{{item.a}}" mode="aspectFill"></image><view class="infoC absolute"><view class="title">{{item.b}}</view><view class="content relative">{{item.c}} <text class="lookDetails absolute">查看详情</text></view></view></view></view></view></view></view>
<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="c" class="{{item.b}}" bindtap="{{item.d}}">{{item.a}}</view></view><view wx:if="{{e}}" class="contentC fixed" style="{{p}}"><view wx:if="{{f}}" class="former"><ua-markdown wx:if="{{g}}" u-i="b7e6c0fc-1" bind:__l="__l" u-p="{{g}}"/><text class="ai">（AI合成）</text></view><view wx:if="{{h}}" class="former"><ua-markdown wx:if="{{i}}" u-i="b7e6c0fc-2" bind:__l="__l" u-p="{{i}}"/></view><view wx:if="{{j}}" class="stockC"><view class="stockCategoryList flexWrap"><view wx:for="{{k}}" wx:for-item="item" wx:key="d" class="item flexColumnCenter" style="{{item.c}}"><view class="num">{{item.a}}</view><view class="title">{{item.b}}</view></view></view><view class="stockList"><view wx:for="{{l}}" wx:for-item="item" wx:key="f" class="item" bindtap="{{item.g}}"><view class="titleCorrelationC flex"><view class="title flex1">{{item.a}}</view><view class="correlation">相关度: {{item.b}}%</view></view><view wx:if="{{item.c}}" class="category">{{item.d}}</view><view class="content">{{item.e}}</view></view></view></view><view wx:if="{{m}}"><view class="conceptList"><view wx:for="{{n}}" wx:for-item="item" wx:key="n" class="item"><view class="titleChgStockNumC flex"><view class="title">{{item.a}}</view><view wx:if="{{item.b}}" class="{{item.d}}">{{item.c}}%</view><view wx:if="{{item.e}}" class="{{item.g}}">{{item.f}} 只股票</view></view><view class="content">{{item.h}}</view><view class="hotStockC flex"><view class="title">热门个股</view><view class="stockList flex"><view wx:for="{{item.i}}" wx:for-item="sitem" wx:key="b" class="stockItem">{{sitem.a}}</view><view class="more" bindtap="{{item.k}}">+{{item.j}}更多</view></view></view><view class="transactionDateHistoryTimeC flex"><view class="transactionDate flex1">交易时间：{{item.l}}</view><view class="historyTimeC flex" bindtap="{{item.m}}"><image class="icon" src="{{o}}" mode="widthFix"></image><view>历史时间轴</view></view></view></view></view></view></view></view>

159
unpackage/dist/dev/mp-weixin/pages/invest/investDetails/investDetails.wxss vendored
View File

@@ -1,3 +1,6 @@
page {
background-color: #070707;
}
.topBg {
top: 0;
left: 0;
@@ -5,9 +8,8 @@
height: auto;
}
.categoryC {
background-color: white;
margin-top: 10rpx;
padding-top: 20rpx;
padding: 20rpx 10rpx 0;
left: 0;
right: 0;
border-radius: 20rpx 20rpx 0 0;
@@ -15,27 +17,22 @@
.categoryC .item {
display: inline-block;
padding: 0 30rpx;
line-height: 75rpx;
font-size: 32rpx;
line-height: 76rpx;
font-size: 27rpx;
font-weight: 500;
color: #42485B;
color: #939393;
}
.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;
color: #F3C368;
}
.contentC {
background-color: white;
background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
left: 0;
right: 0;
bottom: 0;
bottom: env(safe-area-inset-bottom);
margin: 0 25rpx;
border-radius: 10rpx;
overflow-y: scroll;
}
.contentC .former {
@@ -46,12 +43,12 @@
color: #C00000;
}
.contentC .stockCategoryList {
margin-top: 18rpx;
padding: 0 24rpx;
margin-top: 30rpx;
padding: 0 20rpx;
}
.contentC .stockCategoryList .item {
margin: 0 20rpx 20rpx 0;
width: calc((100% - 40rpx)/3);
margin: 0 30rpx 20rpx 0;
width: calc((100% - 60rpx)/3);
height: 100rpx;
border-radius: 10rpx;
}
@@ -108,38 +105,118 @@
padding: 30rpx 25rpx;
}
.contentC .conceptList .item {
margin-bottom: 20rpx;
}
.contentC .conceptList .item .cover {
display: block;
width: 100%;
height: 350rpx;
background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
margin-bottom: 24rpx;
border-radius: 10rpx;
}
.contentC .conceptList .item .infoC {
background: linear-gradient(to bottom, #00000080, #000);
padding: 20rpx 23rpx;
left: 0;
width: 100%;
bottom: 0;
border-radius: ;
.contentC .conceptList .item .titleChgStockNumC {
padding: 24rpx 18rpx 0;
}
.contentC .conceptList .item .titleChgStockNumC .title {
margin-right: 20rpx;
font-size: 30rpx;
font-weight: bold;
color: #3D3D3D;
}
.contentC .conceptList .item .titleChgStockNumC .chg {
margin-right: 20rpx;
padding: 0 13rpx;
line-height: 40rpx;
border-radius: 20rpx;
font-size: 22rpx;
font-weight: bold;
color: white;
}
.contentC .conceptList .item .infoC .title {
font-size: 26rpx;
.contentC .conceptList .item .titleChgStockNumC .chg.up {
background-color: #EC3440;
}
.contentC .conceptList .item .titleChgStockNumC .chg.down {
background-color: #355422;
}
.contentC .conceptList .item .titleChgStockNumC .stockNum {
padding: 0 16rpx;
line-height: 36rpx;
border-radius: 20rpx;
font-size: 22rpx;
font-weight: bold;
}
.contentC .conceptList .item .infoC .content {
.contentC .conceptList .item .titleChgStockNumC .stockNum.up {
color: #EC3440;
border: solid 2rpx #EC3440;
}
.contentC .conceptList .item .titleChgStockNumC .stockNum.down {
color: #355422;
border: solid 2rpx #355422;
}
.contentC .conceptList .item .content {
margin-top: 26rpx;
padding: 0 22rpx;
font-size: 24rpx;
font-weight: 500;
color: #71675D;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 10rpx;
text-overflow: ellipsis;
}
.contentC .conceptList .item .hotStockC {
margin-top: 30rpx;
padding: 0 20rpx;
}
.contentC .conceptList .item .hotStockC .title {
margin-right: 10rpx;
font-size: 24rpx;
font-weight: bold;
color: #936E5C;
}
.contentC .conceptList .item .hotStockC .stockList {
font-size: 22rpx;
}
.contentC .conceptList .item .hotStockC .stockList .stockItem {
background-color: #3D3D3D;
margin-right: 10rpx;
padding: 0 8rpx;
line-height: 36rpx;
border-radius: 5rpx 20rpx 5rpx 20rpx;
color: #EFDDD1;
}
.contentC .conceptList .item .hotStockC .stockList .more {
color: #936E5C;
line-height: 36rpx;
}
.contentC .conceptList .item .hotStockC .notVipC {
background-color: #3D3D3D;
padding: 0 21rpx 0 16rpx;
line-height: 36rpx;
border-radius: 5rpx;
font-size: 22rpx;
color: #F3C368;
}
.contentC .conceptList .item .hotStockC .notVipC .icon {
margin-right: 9rpx;
width: 15rpx;
height: auto;
}
.contentC .conceptList .item .transactionDateHistoryTimeC {
padding: 20rpx 22rpx 30rpx;
}
.contentC .conceptList .item .transactionDateHistoryTimeC .transactionDate {
font-size: 20rpx;
font-weight: 500;
line-height: 1.2rem;
color: #666;
}
.contentC .conceptList .item .infoC .content .lookDetails {
right: 0;
color: #F97316;
.contentC .conceptList .item .transactionDateHistoryTimeC .historyTimeC {
background-color: #F3C368;
padding: 0 10rpx 0 15rpx;
line-height: 36rpx;
border-radius: 10rpx;
font-size: 22rpx;
font-weight: 500;
color: #101213;
}
.contentC .conceptList .item .transactionDateHistoryTimeC .historyTimeC .icon {
margin-right: 7rpx;
width: 20rpx;
height: auto;
}