|
@@ -2,35 +2,29 @@
|
|
|
<view class="container-report-page">
|
|
|
<view class="content-list">
|
|
|
<block v-if="reportPageData.ListHzResource.length">
|
|
|
- <view class="resource">
|
|
|
+ <view class="resource global_title">
|
|
|
<image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/zybico.jpg"></image>
|
|
|
<text>弘则资源包</text>
|
|
|
</view>
|
|
|
<text style="height: 1rpx; background: #ececec"></text>
|
|
|
- <view class="list-ui" v-for="item in reportPageData.ListHzResource" :key="item.IndustrialManagementId" @click="themeDetails(item)">
|
|
|
- <view class="item-title">
|
|
|
- <view style="display: flex; align-items: center">
|
|
|
- <view class="industry-box-left" @click.stop="reportFllow(item.IndustrialManagementId, '弘则')">
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/attention_act.png" v-if="item.IsFollw"></image>
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/attention_icon.png" v-else></image>
|
|
|
- </view>
|
|
|
- {{ item.IndustryName }}
|
|
|
- <image class="hot-icon" v-if="item.IsHot" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/hot_report.png" mode=""></image>
|
|
|
- <image v-if="item.IsNew" src="https://hzstatic.hzinsights.com/cygx/icon/new_report.png" mode=""></image>
|
|
|
+ <view class="global_card_content list-ui" v-for="item in reportPageData.ListHzResource" :key="item.IndustrialManagementId" @click.stop="themeDetails(item)">
|
|
|
+ <view class="industry-content">
|
|
|
+ <view class="industry-box-left">
|
|
|
+ <image
|
|
|
+ class="follw-image"
|
|
|
+ @click.stop="reportFllow(item.IndustrialManagementId, '弘则')"
|
|
|
+ :src="item.IsFollw ? 'https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/collected_icon.png' : 'https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/not_collected.png'"
|
|
|
+ ></image>
|
|
|
+ <view class="global_title">{{ item.IndustryName }} </view>
|
|
|
</view>
|
|
|
- <view class="publish">
|
|
|
- <text class="reg-hint" v-if="item.IsRed"></text>
|
|
|
- {{ item.PublishDate }}
|
|
|
- <u-icon name="arrow-right" color="#BDBDBD" size="34"></u-icon>
|
|
|
+ <view class="ndustry-box-tiem global_content_center">
|
|
|
+ <text v-if="item.IsRed" class="read"></text>
|
|
|
+ <text class="ndustry-box-text">{{ item.UpdateTime }}</text>
|
|
|
+ <u-icon name="arrow-right" color="#333" size="28"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="read-more">
|
|
|
- <view
|
|
|
- class="industry-video-item"
|
|
|
- @click.stop="handelVideoPlay(item)"
|
|
|
- :style="{ 'background-image': 'url(' + item.IndustryVideo.BackgroundImg + ')' }"
|
|
|
- v-if="item.IndustryVideo"
|
|
|
- >
|
|
|
+ <view class="industry-video-item" @click.stop="handelVideoPlay(item)" :style="{ 'background-image': 'url(' + item.IndustryVideo.BackgroundImg + ')' }" v-if="item.IndustryVideo">
|
|
|
5min
|
|
|
<br />
|
|
|
逻辑解析
|
|
@@ -39,101 +33,97 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<block v-if="item.IndustrialSubjectList">
|
|
|
- <view v-if="item.IndustryVideo" style="display: flex; flex-wrap: wrap; width: 420rpx">
|
|
|
- <view v-for="val in item.IndustrialSubjectList.slice(0, 4)" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
- {{ val.SubjectName }}
|
|
|
- </view>
|
|
|
+ <view v-if="item.IndustryVideo" style="display: flex; flex-wrap: wrap; width: 502rpx">
|
|
|
+ <view v-for="val in item.IndustrialSubjectList.slice(0, 6)" :key="val.IndustrialSubjectId" class="text-box text_oneLine">{{ val.SubjectName }}</view>
|
|
|
</view>
|
|
|
- <block v-if="item.IndustryVideo && item.IndustrialSubjectList.length > 4">
|
|
|
- <view v-for="val in item.IndustrialSubjectList.slice(4)" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
- {{ val.SubjectName }}
|
|
|
- </view>
|
|
|
+ <block v-if="item.IndustryVideo && item.IndustrialSubjectList.length > 6">
|
|
|
+ <view v-for="val in item.IndustrialSubjectList.slice(6)" :key="val.IndustrialSubjectId" class="text-box">{{ val.SubjectName }}</view>
|
|
|
</block>
|
|
|
<block v-if="!item.IndustryVideo">
|
|
|
- <view v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
- {{ val.SubjectName }}
|
|
|
- </view>
|
|
|
+ <view v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId" class="text-box text_oneLine">{{ val.SubjectName }}</view>
|
|
|
</block>
|
|
|
</block>
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
<block v-if="reportPageData.ListYxResource.length">
|
|
|
- <view class="resource">
|
|
|
+ <view class="resource global_title">
|
|
|
<image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/zybico.jpg"></image>
|
|
|
<text>买方研选主题</text>
|
|
|
</view>
|
|
|
<text style="height: 1rpx; background: #ececec"></text>
|
|
|
- <view class="list-ui" v-for="item in reportPageData.ListYxResource" :key="item.IndustrialManagementId" @click="themeDetails(item)">
|
|
|
- <view class="item-title">
|
|
|
- <view style="display: flex; align-items: center">
|
|
|
- <view class="industry-box-left" @click.stop="reportFllow(item.IndustrialManagementId, '研选')">
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/attention_act.png" v-if="item.IsFollw"></image>
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/attention_icon.png" v-else></image>
|
|
|
- </view>
|
|
|
- {{ item.IndustryName }}
|
|
|
- <image class="hot-icon" v-if="item.IsHot" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/hot_report.png" mode=""></image>
|
|
|
- <image v-if="item.IsNew" src="https://hzstatic.hzinsights.com/cygx/icon/new_report.png" mode=""></image>
|
|
|
+ <view class="global_card_content list-ui" v-for="item in reportPageData.ListYxResource" :key="item.IndustrialManagementId" @click.stop="themeDetails(item)">
|
|
|
+ <view class="industry-content">
|
|
|
+ <view class="industry-box-left">
|
|
|
+ <image
|
|
|
+ class="follw-image"
|
|
|
+ @click.stop="reportFllow(item.IndustrialManagementId, '研选')"
|
|
|
+ :src="item.IsFollw ? 'https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/collected_icon.png' : 'https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/not_collected.png'"
|
|
|
+ ></image>
|
|
|
+ <view class="global_title">{{ item.IndustryName }} </view>
|
|
|
</view>
|
|
|
- <view class="publish">
|
|
|
- {{ item.PublishDate }}
|
|
|
- <u-icon name="arrow-right" color="#BDBDBD" size="34"></u-icon>
|
|
|
+ <view class="ndustry-box-tiem global_content_center">
|
|
|
+ <text class="ndustry-box-text">{{ item.UpdateTime }}</text>
|
|
|
+ <u-icon name="arrow-right" color="#333" size="28"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
<view class="read-more" v-if="item.IndustrialSubjectList">
|
|
|
- <text class="text-box text_oneLine" v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId">
|
|
|
- {{ val.SubjectName }}
|
|
|
- </text>
|
|
|
+ <view v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId" class="text-box text_oneLine">{{ val.SubjectName }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
</view>
|
|
|
<view class="content-report">
|
|
|
<block v-if="reportPageData.ListYxReport.length">
|
|
|
- <view class="resource">
|
|
|
+ <view class="resource global_title">
|
|
|
<image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/report_Yx.png"></image>
|
|
|
<text>买方研选报告</text>
|
|
|
</view>
|
|
|
<text style="height: 1rpx; background: #ececec"></text>
|
|
|
- <view class="content-item" v-for="item in reportPageData.ListYxReport" :key="item.ArticleId">
|
|
|
- <view class="item-user">
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/user_report.png"></image>
|
|
|
+ <view class="global_card_content content-item" v-for="item in reportPageData.ListYxReport" :key="item.ArticleId">
|
|
|
+ <view class="item-user" v-if="item.NickName">
|
|
|
+ <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/user_report.png"></image>
|
|
|
<text> {{ item.NickName }}</text>
|
|
|
</view>
|
|
|
- <view class="item-title yan-xuan-tag" @click="goDetailReport(item)">
|
|
|
- {{item.Title}}
|
|
|
- <text @click.stop="themeDetails(item, val)" class="item-industry" v-for="val in item.List" :key="val.IndustrialManagementId">
|
|
|
- # {{ val.IndustryName }}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
+ <view class="title-content-box">
|
|
|
+ <view v-if="item.ArticleTypeName" class="tag global_content_center">{{ item.ArticleTypeName }}</view>
|
|
|
+ <view class="item-title global_title" @click="goDetailReport(item)">
|
|
|
+ {{ item.Title }}
|
|
|
+ <block v-if="item.List.length">
|
|
|
+ <text @click.stop="themeDetails(item, val)" class="item-industry" v-for="val in item.List" :key="val.IndustrialManagementId"> # {{ val.IndustryName }} </text>
|
|
|
+ </block>
|
|
|
+ <block v-if="item.SpecialTags.length">
|
|
|
+ <text @click.stop="themeDetails(item, val)" class="item-industry" style="color:#90aeda" v-for="val in item.SpecialTags.split(',')" :key="val"> # {{ val }} </text>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="item-more">
|
|
|
<text>{{ item.PublishDate }}</text>
|
|
|
- <view class="pv-ollect">
|
|
|
+ <view class="global_pv-ollect">
|
|
|
<view>
|
|
|
- <image class="pv" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/examine_icon.png"></image>
|
|
|
+ <image class="pv" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/examine_icon.png"></image>
|
|
|
{{ item.Pv }}
|
|
|
</view>
|
|
|
<view @click="collectClick(item)">
|
|
|
- <image v-if="item.IsCollect" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/collect_act.png"></image>
|
|
|
- <image v-else src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/collect_ico.png"></image>
|
|
|
- {{ item.CollectNum }}人收藏
|
|
|
+ <image v-if="item.IsCollect" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/collect_act.png"></image>
|
|
|
+ <image v-else src="https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/collect_ico.png"></image>
|
|
|
+ {{ item.CollectNum }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
<block v-if="reportPageData.ListHzReport.length">
|
|
|
- <view class="resource">
|
|
|
+ <view class="resource global_title">
|
|
|
<image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/report_Hz.png"></image>
|
|
|
<text>弘则报告</text>
|
|
|
</view>
|
|
|
<text style="height: 1rpx; background: #ececec"></text>
|
|
|
- <view class="content-item" v-for="item in reportPageData.ListHzReport" :key="item.ArticleId">
|
|
|
- <view class="item-title">
|
|
|
+ <view class="global_card_content content-item" v-for="item in reportPageData.ListHzReport" :key="item.ArticleId">
|
|
|
+ <view class="item-title global_title">
|
|
|
<text style="display: inline; margin-right: 10rpx" @click="goDetailReport(item)"> {{ item.Title }} </text>
|
|
|
- <text class="item-industry" v-for="key in item.List" :key="key.IndustrialManagementId" @click="themeDetails(key)"
|
|
|
- >#{{ key.IndustryName }} </text
|
|
|
- >
|
|
|
+ <text class="item-industry" v-for="key in item.List" :key="key.IndustrialManagementId" @click="themeDetails(key)">#{{ key.IndustryName }} </text>
|
|
|
</view>
|
|
|
<view class="item-more">
|
|
|
<text>{{ item.PublishDate }}</text>
|
|
@@ -159,12 +149,7 @@
|
|
|
<!-- 视频模块 -->
|
|
|
<videoModule :showVideoPop.sync="showVideoPop" :videoPopList="videoPopList" class="industry-video-module" />
|
|
|
<!-- 权限弹窗 -->
|
|
|
- <modalDialog
|
|
|
- :isShowhasPermission="isShowhasPermission"
|
|
|
- :applyForIsShow="applyForIsShow"
|
|
|
- :jurisdictionList="jurisdictionList"
|
|
|
- :hasPermission="hasPermission"
|
|
|
- />
|
|
|
+ <modalDialog :isShowhasPermission="isShowhasPermission" :applyForIsShow="applyForIsShow" :jurisdictionList="jurisdictionList" :hasPermission="hasPermission" />
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -320,10 +305,12 @@ export default {
|
|
|
<style scoped lang="scss">
|
|
|
.container-report-page {
|
|
|
background-color: $uni-bg-color;
|
|
|
+ padding: 0 24rpx;
|
|
|
.content-list {
|
|
|
.list-ui {
|
|
|
background-color: #fff;
|
|
|
margin-top: 2rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
}
|
|
|
.item-title {
|
|
|
display: flex;
|
|
@@ -333,53 +320,19 @@ export default {
|
|
|
border-bottom: 1px solid #f6f6f6;
|
|
|
padding: 0 30rpx;
|
|
|
background-color: #fff;
|
|
|
- .publish {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- color: #999999;
|
|
|
- font-style: 26rpx;
|
|
|
- padding-left: 30rpx;
|
|
|
- .reg-hint {
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- left: 0rpx;
|
|
|
- width: 14rpx;
|
|
|
- height: 14rpx;
|
|
|
- transform: translateY(-50%);
|
|
|
- background-color: #ff0000;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
- }
|
|
|
image {
|
|
|
margin-left: 10rpx;
|
|
|
width: 60rpx;
|
|
|
height: 30rpx;
|
|
|
}
|
|
|
-
|
|
|
- .hot-icon {
|
|
|
- width: 30rpx;
|
|
|
- }
|
|
|
- .industry-box-left {
|
|
|
- width: 50rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-right: 10rpx;
|
|
|
- image {
|
|
|
- width: 38rpx;
|
|
|
- height: 34rpx;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
.read-more {
|
|
|
- margin-top: 20rpx;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
- margin-left: 80rpx;
|
|
|
.industry-video-item {
|
|
|
- height: 126rpx;
|
|
|
- width: 170rpx;
|
|
|
- margin: 0 40rpx 30rpx 0;
|
|
|
+ height: 106rpx;
|
|
|
+ width: 150rpx;
|
|
|
+ margin: 0 10rpx 10rpx 0;
|
|
|
border-radius: 8rpx;
|
|
|
background-size: cover;
|
|
|
background-position: center;
|
|
@@ -391,11 +344,12 @@ export default {
|
|
|
padding: 20rpx;
|
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
|
+
|
|
|
.industry-video-icon {
|
|
|
height: 0rpx;
|
|
|
width: 0rpx;
|
|
|
border-style: solid;
|
|
|
- border-color: #3385ff #3385ff transparent transparent;
|
|
|
+ border-color: #376cbb #376cbb transparent transparent;
|
|
|
border-width: 28rpx;
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
@@ -410,33 +364,25 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.text-box {
|
|
|
- margin-bottom: 30rpx;
|
|
|
- margin-right: 40rpx;
|
|
|
padding: 0;
|
|
|
+ margin: 0 10rpx 10rpx 0;
|
|
|
font-size: 24rpx;
|
|
|
- color: #408fff;
|
|
|
- width: 170rpx;
|
|
|
- height: 46rpx;
|
|
|
- line-height: 46rpx;
|
|
|
- text-align: center !important;
|
|
|
- background: url(~@/static/img/report_bg.png) no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
+ color: $uni-color-new;
|
|
|
+ width: 150rpx;
|
|
|
+ height: 48rpx;
|
|
|
text-indent: 0em;
|
|
|
+ line-height: 48rpx;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #f8f8fa;
|
|
|
+ border-radius: 200rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.resource {
|
|
|
- padding: 0 30rpx;
|
|
|
- background-color: #fff;
|
|
|
- margin-top: 4rpx;
|
|
|
- height: 91rpx;
|
|
|
- width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
- color: #333333;
|
|
|
- font-size: 30rpx;
|
|
|
- margin-top: 20rpx;
|
|
|
+ height: 66rpx;
|
|
|
+ width: 100%;
|
|
|
image {
|
|
|
width: 34rpx;
|
|
|
height: 36rpx;
|
|
@@ -446,40 +392,29 @@ export default {
|
|
|
.content-report {
|
|
|
.content-item {
|
|
|
background-color: #fff;
|
|
|
- padding: 35rpx 20rpx 0;
|
|
|
+ padding: 20rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ border-top: 4rpx solid #376cbb;
|
|
|
.item-title {
|
|
|
font-weight: 500;
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
.item-industry {
|
|
|
- text-indent: 0;
|
|
|
+ text-indent: 0;
|
|
|
margin-right: 10rpx;
|
|
|
- color: #3385ff;
|
|
|
+ color: #376cbb;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
}
|
|
|
- .yan-xuan-tag{
|
|
|
- text-indent: 82rpx;
|
|
|
- &::before {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- top: 5rpx;
|
|
|
- background-image: url(https://hzstatic.hzinsights.com/cygx/icon/Research_normal.png);
|
|
|
- background-size: 100% 100%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- left: 0;
|
|
|
- width: 73rpx;
|
|
|
- height: 30rpx;
|
|
|
- }
|
|
|
- }
|
|
|
.item-user {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
color: #999999;
|
|
|
- font-size: 28rpx;
|
|
|
- margin-bottom: 20rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ margin-top: -10rpx;
|
|
|
image {
|
|
|
- width: 23rpx;
|
|
|
- height: 26rpx;
|
|
|
+ width: 24rpx;
|
|
|
+ height: 24rpx;
|
|
|
margin-right: 20rpx;
|
|
|
}
|
|
|
}
|
|
@@ -487,25 +422,62 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
color: #cecece;
|
|
|
- margin: 20rpx 0 0;
|
|
|
- padding-bottom: 30rpx;
|
|
|
- border-bottom: 1rpx solid #ececec;
|
|
|
- .pv-ollect {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 40%;
|
|
|
- justify-content: space-between;
|
|
|
- image {
|
|
|
- width: 22rpx;
|
|
|
- height: 21rpx;
|
|
|
- margin-right: 10rpx;
|
|
|
- }
|
|
|
- .pv {
|
|
|
- height: 16rpx;
|
|
|
- }
|
|
|
- }
|
|
|
+ margin-top: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .industry-content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 15rpx;
|
|
|
+ .industry-box-left {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .follw {
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ width: 110rpx;
|
|
|
+ height: 42rpx;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ background-color: $uni-color-new;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ndustry-box-tiem {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999;
|
|
|
+ .read {
|
|
|
+ width: 14rpx;
|
|
|
+ height: 14rpx;
|
|
|
+ background-color: #ff0000;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+ .ndustry-box-text {
|
|
|
+ margin: 0 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .follw-image {
|
|
|
+ width: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+ .title-content-box {
|
|
|
+ display: flex;
|
|
|
+ .tag {
|
|
|
+ width: 126rpx;
|
|
|
+ height: 42rpx;
|
|
|
+ color: #928563;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ border-radius: 38rpx;
|
|
|
+ background-color: #f2e8cc;
|
|
|
+ flex-shrink: 0;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|