8.28 修改事件详情相关概念模块样式，增加股票详情信息来源展示
This commit is contained in:
尚政杰
@@ -1 +1 @@
|
||||
"use strict";const t=require("../../../common/vendor.js"),e=require("../../../request/api.js"),o=require("../../../common/assets.js"),r={data:()=>({navH:t.inject("navHeight"),eventId:"",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+104/750*t.inject("windowWidth")},methods:{clickCategoryItem(t){this.selectCategory!=t&&(this.selectCategory=t)},getEventDetailsData(){e.investEventDetails(this.eventId).then((t=>{})).catch((t=>{}))}}};if(!Array){t.resolveComponent("navBar")()}Math;const c=t._export_sfc(r,[["render",function(e,r,c,s,a,i){return t.e({a:t.p({leftText:"详情"}),b:o._imports_0,c:t.f(a.categoryList,((e,o,r)=>t.e({a:t.t(e),b:a.selectCategory==o},(a.selectCategory,{}),{c:t.n("item relative "+(a.selectCategory==o?"select":"")),d:o,e:t.o((t=>i.clickCategoryItem(o)),o)}))),d:t.s("top:"+a.navH+"px;"),e:3==a.selectCategory},3==a.selectCategory?{f:t.f(a.stockCategoryList,((e,o,r)=>({a:t.t(e.title),b:t.s("background-color:"+e.bgColor+";color:"+e.color+";"),c:o})))}:{},{g:t.s("top:"+a.contentTop+"px;")})}]]);wx.createPage(c);
|
||||
"use strict";const e=require("../../../common/vendor.js"),t=require("../../../request/api.js"),o=require("../../../utils/util.js"),s=require("../../../common/assets.js"),a={data:()=>({navH:e.inject("navHeight"),eventId:"",contentTop:"",investDetails:null,former:"",categoryList:["背景","推演","相关股票"],selectCategory:0,stockCategoryList:[{title:"全部股票",num:0,bgColor:"#C00000",color:"white"},{title:"大周期",num:0,bgColor:"#305496",color:"white"},{title:"TMT板块",num:0,bgColor:"#FFBF00",color:"white"},{title:"大金融地产",num:0,bgColor:"#FFF4D3"},{title:"大消费",num:0,bgColor:"#CDEEEE"},{title:"公共产业板块",num:0,bgColor:"#DEEBF7"}],accMul:o.accMul}),onLoad(t){this.contentTop=this.navH+.136*e.inject("windowWidth"),t.id&&(this.eventId=t.id,this.getEventDetailsData())},methods:{clickCategoryItem(e){this.selectCategory!=e&&(this.selectCategory=e)},clickLookRelatedStockItem(t){e.index.navigateTo({url:"/pages/index/stockDetails/stockDetails?type=2&code="+t.code+"&des="+t.description+"&name="+t.name})},getEventDetailsData(){t.investEventDetails(this.eventId).then((t=>{if(200==t.code){let e=t.data.detail;for(let t of this.stockCategoryList)t.num=e.sector_stats[t.title];this.investDetails=e,this.former=e.former.replace("<answer>","").replace("</answer>","")}else e.index.showToast({title:t.message,icon:"none"})})).catch((e=>{}))}}};if(!Array){(e.resolveComponent("navBar")+e.resolveComponent("ua-markdown"))()}Math||((()=>"../../../components/navBar/navBar.js")+(()=>"../../../components/ua-markdown/ua-markdown.js"))();const r=e._export_sfc(a,[["render",function(t,o,a,r,c,i){return e.e({a:e.p({leftText:"详情"}),b:s._imports_0,c:e.f(c.categoryList,((t,o,s)=>e.e({a:e.t(t),b:c.selectCategory==o},(c.selectCategory,{}),{c:e.n("item relative "+(c.selectCategory==o?"select":"")),d:o,e:e.o((e=>i.clickCategoryItem(o)),o)}))),d:e.s("top:"+c.navH+"px;"),e:c.investDetails},c.investDetails?e.e({f:0==c.selectCategory},0==c.selectCategory?{g:e.p({source:c.former})}:{},{h:1==c.selectCategory},1==c.selectCategory?{i:e.p({source:c.investDetails.forecast})}:{},{j:2==c.selectCategory},2==c.selectCategory?{k:e.f(c.stockCategoryList,((t,o,s)=>({a:e.t(t.num),b:e.t(t.title),c:e.s("background-color:"+t.bgColor+";color:"+t.color+";"),d:o}))),l:e.f(c.investDetails.related_stocks,((t,o,s)=>e.e({a:e.t(t.code+" "+t.name),b:e.t(c.accMul(t.score,100)),c:t.sw_primary_sector},t.sw_primary_sector?{d:e.t(t.sw_primary_sector)}:{},{e:e.t(t.description),f:o,g:e.o((e=>i.clickLookRelatedStockItem(t)),o)})))}:{},{m:4==c.selectCategory},4==c.selectCategory?{n:e.f(c.investDetails.extracted_concepts,((o,s,a)=>({a:o.first_image,b:e.t(o.name),c:e.t(o.reason),d:s,e:e.o((e=>t.clickConceptItem()),s)})))}:{},{o:e.s("top:"+c.contentTop+"px;")}):{})}]]);wx.createPage(r);
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {
|
||||
"nav-bar": "../../../components/navBar/navBar"
|
||||
"nav-bar": "../../../components/navBar/navBar",
|
||||
"ua-markdown": "../../../components/ua-markdown/ua-markdown"
|
||||
}
|
||||
}
|
||||
@@ -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 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>
|
||||
<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}}"/></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}}" class=""><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>
|
||||
@@ -1 +1 @@
|
||||
.topBg{top:0;left:0;width:100%;height:auto}.categoryC{background-color:#fff;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:700;color:#f97316}.categoryC .item.select .line{background-color:#f97316;left:calc((100% - 50rpx)/2);bottom:0;width:50rpx;height:2rpx}.contentC{background-color:#fff;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:700}.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:700;color:#222}.contentC .stockList .item .correlation{background-color:rgba(249,115,22,.1);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}
|
||||
.topBg{top:0;left:0;width:100%;height:auto}.categoryC{background-color:#fff;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:700;color:#f97316}.categoryC .item.select .line{background-color:#f97316;left:calc((100% - 50rpx)/2);bottom:0;width:50rpx;height:2rpx}.contentC{background-color:#fff;left:0;right:0;bottom:0;overflow-y:scroll}.contentC .former{padding:40rpx 25rpx}.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:700}.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}.contentC .stockList .item{padding:22rpx 0 30rpx;border-bottom:solid 1rpx #E4E4E4}.contentC .stockList .item .title{font-size:30rpx;font-weight:700;color:#222}.contentC .stockList .item .correlation{background-color:rgba(249,115,22,.1);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}.contentC .conceptList{padding:30rpx 25rpx}.contentC .conceptList .item{margin-bottom:20rpx}.contentC .conceptList .item .cover{display:block;width:100%;height:350rpx;border-radius:10rpx}.contentC .conceptList .item .infoC{background:linear-gradient(to bottom,rgba(0,0,0,.5),#000);padding:20rpx 23rpx;left:0;width:100%;bottom:0;border-radius:;color:#fff}.contentC .conceptList .item .infoC .title{font-size:26rpx;font-weight:700}.contentC .conceptList .item .infoC .content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10rpx;font-size:20rpx;font-weight:500;line-height:1.2rem}.contentC .conceptList .item .infoC .content .lookDetails{right:0;color:#f97316}
|
||||
|
||||
Reference in New Issue
Block a user