6.30 版本提交
This commit is contained in:
126
unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.js
vendored
Normal file
126
unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.js
vendored
Normal file
@@ -0,0 +1,126 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const request_api = require("../../../request/api.js");
|
||||
const common_assets = require("../../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
navH: common_vendor.inject("navHeight"),
|
||||
eventId: "",
|
||||
//事件id
|
||||
categoryList: ["相关标的", "相关概念", "历史事件", "时间传导链分析", "关联数据"],
|
||||
selectCategory: 0,
|
||||
headingList: ["名称代码", "分时图", "开盘价", "最新价", "涨跌幅"]
|
||||
};
|
||||
},
|
||||
onLoad(e) {
|
||||
if (e.id) {
|
||||
this.eventId = e.id;
|
||||
this.getEventDetailsData();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 点击切换分类
|
||||
*/
|
||||
clickCategoryItem(index) {
|
||||
if (this.selectCategory != index) {
|
||||
this.selectCategory = index;
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 点击查看股票详情
|
||||
*/
|
||||
clickStockItem() {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/index/stockDetails/stockDetails"
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 点击查看相关概念
|
||||
*/
|
||||
clickConceptItem() {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/index/conceptDetails/conceptDetails"
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 点击评论
|
||||
*/
|
||||
clickComment() {
|
||||
this.$refs["popup"].open();
|
||||
},
|
||||
closeCommentPopup() {
|
||||
this.$refs["popup"].close();
|
||||
},
|
||||
/**
|
||||
* 获取事件详情数据
|
||||
*/
|
||||
getEventDetailsData() {
|
||||
let eventId = this.eventId;
|
||||
request_api.eventDetails(eventId).then((res) => {
|
||||
}).catch((error) => {
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
(_easycom_navBar2 + _easycom_uni_popup2)();
|
||||
}
|
||||
const _easycom_navBar = () => "../../../components/navBar/navBar.js";
|
||||
const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
if (!Math) {
|
||||
(_easycom_navBar + _easycom_uni_popup)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.p({
|
||||
leftText: "事件详情"
|
||||
}),
|
||||
b: common_assets._imports_0,
|
||||
c: 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)
|
||||
});
|
||||
}),
|
||||
d: $data.selectCategory == 0
|
||||
}, $data.selectCategory == 0 ? {
|
||||
e: common_vendor.f($data.headingList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: index
|
||||
};
|
||||
})
|
||||
} : {}, {
|
||||
f: $data.selectCategory == 0
|
||||
}, $data.selectCategory == 0 ? {} : {}, {
|
||||
g: $data.selectCategory == 1
|
||||
}, $data.selectCategory == 1 ? {
|
||||
h: common_vendor.o(($event) => $options.clickConceptItem())
|
||||
} : {}, {
|
||||
i: common_vendor.s("top:" + $data.navH + "px;"),
|
||||
j: common_assets._imports_1$1,
|
||||
k: common_assets._imports_2$1,
|
||||
l: common_vendor.o(($event) => $options.clickComment()),
|
||||
m: common_assets._imports_3$1,
|
||||
n: common_assets._imports_4$2,
|
||||
o: common_vendor.o(($event) => $options.closeCommentPopup()),
|
||||
p: common_assets._imports_5$2,
|
||||
q: common_assets._imports_6,
|
||||
r: common_assets._imports_5$2,
|
||||
s: common_vendor.sr("popup", "6e1a61f1-1"),
|
||||
t: common_vendor.p({
|
||||
type: "bottom"
|
||||
})
|
||||
});
|
||||
}
|
||||
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
|
||||
7
unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.json
vendored
Normal file
7
unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {
|
||||
"nav-bar": "../../../components/navBar/navBar",
|
||||
"uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view><nav-bar wx:if="{{a}}" u-i="6e1a61f1-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="eventDetailsC fixed" style="{{i}}"><view class="categoryTitleC"><view class="category">政策</view><text class="title">四部门联合启动人力资源服务业与制造业融合发展试点</text></view><view class="time">2025-05-08 08:43</view><view class="eventContent">人社部、工信部等四部门印发通知,明确在30个城市开展3年期试点,培育人力资源服务与制造业协同机构,打造融合平台和创新模式。政策</view><scroll-view scroll-x class="categoryList"><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></scroll-view><view wx:if="{{d}}" class="headingList flex"><view wx:for="{{e}}" wx:for-item="item" wx:key="b" class="item flex1">{{item.a}}</view></view><view wx:if="{{f}}" class="targetList"><view class="item"><view class="nameCodePriceC flex"><view class="flex1"><view class="name">科锐国际</view><view class="code">300662.SZ</view></view><view class="flex1"></view><view class="price flex1">30.04</view><view class="price flex1">30.15</view><view class="chg flex1">+0.37%</view></view><view class="content"> 科锐国际作为灵活用工龙头企业,其业务高度契合政策推动的制造业高端人才引育方向。公司技术研发类岗位占比达70%,直接匹配政策要求 </view></view></view><view wx:if="{{g}}" class="conceptList"><view class="item relative" bindtap="{{h}}"><image class="cover" src="{{''}}" mode="aspectFill"></image><view class="infoC absolute"><view class="title">布鲁可IP衍生品(250109)</view><view class="content"> 四部门联合启动的人力资源服务业与制造业融合发展试点,主要目的是推动 人力资源服务... <text class="lookDetails">查看详情</text></view></view></view></view></view><view class="bottomC fixed flex"><view class="inputC flex1"><input type="text" placeholder="我来说两句..." placeholder-style="color:#666"/></view><view class="commentLikeNumC flex"><view class="item"><image class="icon" src="{{j}}" mode="widthFix"></image><view>64</view></view><view class="item" bindtap="{{l}}"><image class="icon" src="{{k}}" mode="widthFix"></image><view>28</view></view><view class="item"><image class="icon" src="{{m}}" mode="widthFix"></image><view>128</view></view></view></view><uni-popup wx:if="{{t}}" class="r" u-s="{{['d']}}" u-r="popup" u-i="6e1a61f1-1" bind:__l="__l" u-p="{{t}}"><view class="popup"><view class="titleCloseC flex"><view class="title flex1">全部回复</view><view class="closeC" bindtap="{{o}}"><image class="icon" src="{{n}}" mode="widthFix"></image></view></view><view class="list"><view class="item"><view class="originComment"><image class="avatar" src="{{''}}" mode="aspectFill"></image><view class="flex1"><view class="nickname">逸尘破晓</view><view class="content">四部门联合启动的人力资源服务业与制造业融合发展点,主要目的是推动人力资源服务向高端制造渗透。</view><view class="timeReplyLikeC flex between"><view class="timeReplyC flex"><view class="time">15:37</view><view class="reply">回复</view></view><view class="likeC flex"><image class="icon" src="{{p}}" mode="widthFix"></image><view class="num">85</view></view></view><view class="totalCommentNumC flex"><view class="line"></view> 全部34条评论 <image class="arrow" src="{{q}}" mode="widthFix"></image></view></view></view><view class="replyList"><view class="replyItem"><image class="avatar" src="{{''}}" mode="aspectFill"></image><view class="flex1"><view class="nickname">逸尘破晓</view><view class="content">四部门联合启动的人力资源服务业与制造业融合发展点,主要目的是推动人力资源服务向高端制造渗透。</view><view class="timeReplyLikeC flex between"><view class="timeReplyC flex"><view class="time">15:37</view><view class="reply">回复</view></view><view class="likeC flex"><image class="icon" src="{{r}}" mode="widthFix"></image><view class="num">85</view></view></view></view></view></view></view></view><view class="popBottomC"><view class="inputC"><input type="text" placeholder="我来说两句..." placeholder-style="color:#666"/></view></view></view></uni-popup></view>
|
||||
334
unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.wxss
vendored
Normal file
334
unpackage/dist/dev/mp-weixin/pages/index/eventDetails/eventDetails.wxss
vendored
Normal file
@@ -0,0 +1,334 @@
|
||||
.topBg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.eventDetailsC {
|
||||
background-color: white;
|
||||
margin-top: 10rpx;
|
||||
padding: 20rpx 0 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: calc(20rpx + 70rpx + 20rpx + env(safe-area-inset-bottom));
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.eventDetailsC .categoryTitleC {
|
||||
padding: 0 25rpx;
|
||||
}
|
||||
.eventDetailsC .categoryTitleC .category {
|
||||
background-color: #FD9A14;
|
||||
margin-right: 12rpx;
|
||||
display: inline-block;
|
||||
padding: 0 11rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 8rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
.eventDetailsC .categoryTitleC .title {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
}
|
||||
.eventDetailsC .time {
|
||||
margin: 20rpx 25rpx 0;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #aaa;
|
||||
}
|
||||
.eventDetailsC .eventContent {
|
||||
margin: 22rpx 24rpx 0;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
.eventDetailsC .categoryList {
|
||||
white-space: nowrap;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.eventDetailsC .categoryList .item {
|
||||
display: inline-block;
|
||||
line-height: 60rpx;
|
||||
padding: 0 18rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #42485B;
|
||||
}
|
||||
.eventDetailsC .categoryList .item.select {
|
||||
font-weight: bold;
|
||||
color: #F97316;
|
||||
}
|
||||
.eventDetailsC .categoryList .item.select .line {
|
||||
background-color: #F97316;
|
||||
left: calc((100% - 50rpx)/2);
|
||||
bottom: 0;
|
||||
width: 50rpx;
|
||||
height: 2rpx;
|
||||
}
|
||||
.eventDetailsC .headingList {
|
||||
background-color: #F3F6F9;
|
||||
margin: 28rpx 25rpx 0;
|
||||
}
|
||||
.eventDetailsC .headingList .item {
|
||||
line-height: 55rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
.eventDetailsC .targetList {
|
||||
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 {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
text-align: center;
|
||||
}
|
||||
.eventDetailsC .targetList .item .nameCodePriceC .chg {
|
||||
color: #FF2929;
|
||||
}
|
||||
.eventDetailsC .targetList .item .content {
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
}
|
||||
.eventDetailsC .conceptList {
|
||||
padding: 30rpx 25rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .cover {
|
||||
background-color: red;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 350rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .infoC {
|
||||
background: linear-gradient(to bottom, #00000080, #000);
|
||||
padding: 20rpx 23rpx;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
color: white;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .infoC .title {
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .infoC .content {
|
||||
margin-top: 10rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .infoC .content .lookDetails {
|
||||
color: #F97316;
|
||||
}
|
||||
.bottomC {
|
||||
padding: 20rpx 25rpx calc(20rpx + env(safe-area-inset-bottom));
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
box-shadow: 0px -1rpx 0px 0px #EEEEEE;
|
||||
}
|
||||
.bottomC .inputC {
|
||||
background-color: #F0F0F0;
|
||||
margin-right: 20rpx;
|
||||
padding: 0 33rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 35rpx;
|
||||
}
|
||||
.bottomC .inputC input {
|
||||
height: 100%;
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.bottomC .commentLikeNumC .item {
|
||||
padding: 0 20rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
}
|
||||
.bottomC .commentLikeNumC .item .icon {
|
||||
width: 35rpx;
|
||||
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 {
|
||||
background-color: red;
|
||||
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 {
|
||||
background-color: red;
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user