|
|
@@ -1,98 +1,9 @@
|
|
|
<template>
|
|
|
<view class="container Index-container">
|
|
|
- <view class="index-fixed">
|
|
|
- <view class="index-header">
|
|
|
- <input type="text" placeholder="搜索您想要的纪要" placeholder-class="sea_ipt_placeholder" class="sea_ipt" v-model="searchTxt" disabled @click="goSearch" />
|
|
|
- <icon type="search" size="15" class="search_ico" />
|
|
|
+ <view class="nav-bar-wrap" :style="{ height: navBarStyle.height, paddingTop: navBarStyle.paddingTop, paddingBottom: navBarStyle.paddingBottom }">
|
|
|
+ <view class="content">
|
|
|
</view>
|
|
|
- <!-- 导航条 -->
|
|
|
- <view class="tab-cont">
|
|
|
- <scroll-view scroll-x="true" scroll-with-animation class="scroll-tab" @scroll="scrollMove" :scroll-left="scrollLeft" :scroll-into-view="'_' + tabIndex">
|
|
|
- <block v-for="(item, index) in tabBars" :key="item.ChartPermissionId">
|
|
|
- <view :id="'_' + index" class="scroll-tab-item" :class="{ active: tabAct_id == item.ChartPermissionId }" @click.stop="toggleTab(item, index)">
|
|
|
- {{ item.PermissionName }}
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/border_act.png" mode="" class="border_act" v-if="tabAct_id == item.ChartPermissionId"></image>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- <view class="limit-box" v-if="limitIsShow">
|
|
|
- <image class="limit-img" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/limit_icon.png" mode=""></image>
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <block v-if="haveData">
|
|
|
- <view class="data-cont">
|
|
|
- <view class="report-ul">
|
|
|
- <view class="report-item" v-for="(report, index) in dataList" :key="index" v-if="index % 2 === 0" @click="goDetail(report)">
|
|
|
- <view class="item-content-img" v-if="report.BodyHtml">
|
|
|
- <!-- <mp-html :content="report.BodyHtml" /> -->
|
|
|
- <image :src="report.BodyHtml" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="item-content" v-else>{{ report.Body }}</view>
|
|
|
- <view class="line"></view>
|
|
|
- <text class="item-title">{{ report.Title }}</text>
|
|
|
- <view class="item-abstract text_twoLine" v-if="report.ExpertBackground">
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/fenxi_ico.png" class="report_ico"></image>
|
|
|
- {{ report.ExpertBackground }}
|
|
|
- </view>
|
|
|
- <view class="item-createtime">
|
|
|
- <text>{{ report.PublishDate }}</text>
|
|
|
- <view class="item-examine" v-if="report.IsResearch">
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/examine_icon.png"></image>
|
|
|
- <text>{{ report.Pv }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="report-ul">
|
|
|
- <view class="report-item" v-for="(report, index) in dataList" :key="index" v-if="index % 2 !== 0" @click="goDetail(report)">
|
|
|
- <view class="item-content-img" v-if="report.BodyHtml">
|
|
|
- <!-- <mp-html :content="report.BodyHtml" /> -->
|
|
|
- <image :src="report.BodyHtml"></image>
|
|
|
- </view>
|
|
|
- <view class="item-content" v-else>{{ report.Body }}</view>
|
|
|
- <view class="line"></view>
|
|
|
- <text class="item-title">{{ report.Title }}</text>
|
|
|
- <view class="item-abstract text_twoLine" v-if="report.ExpertBackground">
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/fenxi_ico.png" class="report_ico"></image>
|
|
|
- {{ report.ExpertBackground }}
|
|
|
- </view>
|
|
|
- <view class="item-createtime">
|
|
|
- <text>{{ report.PublishDate }}</text>
|
|
|
- <view class="item-examine" v-if="report.IsResearch">
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/examine_icon.png"></image>
|
|
|
- <text>{{ report.Pv }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <u-loadmore :status="status" icon-type="flower" :load-text="loadText" margin-top="20" />
|
|
|
- </block>
|
|
|
- <view class="nodata" v-else-if="haveData === false" style="padding-top: 400rpx">
|
|
|
- <image src="@/static/img/nodata.png" mode="" class="nodata_ico"></image>
|
|
|
- <text>暂时没有行业数据</text>
|
|
|
</view>
|
|
|
- <view class="content-intimate" v-if="reportShow">
|
|
|
- <van-transition :show="showTransition" name="fade-right">
|
|
|
- <view class="content">
|
|
|
- <view @click="goSecretDetail('1')">
|
|
|
- <text>报告</text>
|
|
|
- <text>精选</text>
|
|
|
- </view>
|
|
|
- <view class="cont-border" @click="goSecretDetail('2')">
|
|
|
- <text>本周研</text>
|
|
|
- <text>究汇总</text>
|
|
|
- </view>
|
|
|
- <view @click="goSecretDetail('3')">
|
|
|
- <text>上周纪</text>
|
|
|
- <text>要汇总</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </van-transition>
|
|
|
- <image @click="showTransition = !showTransition" src="https://hzstatic.hzinsights.com/cygx/czbk/intimate-icon.png" mode=""></image>
|
|
|
- </view>
|
|
|
- <freeCharge class="free-charge" :isShowFreeBtn="isShowFree" />
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -104,6 +15,11 @@ let app = getApp();
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ navBarStyle: {
|
|
|
+ height: 60 + "px",
|
|
|
+ paddingTop: 40 + "px",
|
|
|
+ paddingBottom: "4px",
|
|
|
+ },
|
|
|
refresh: false,
|
|
|
pageSize: 10, //条数
|
|
|
pageNum: 1, //页码
|
|
|
@@ -151,6 +67,7 @@ export default {
|
|
|
if (optios.tabid) {
|
|
|
this.tabAct_id = optios.tabid;
|
|
|
}
|
|
|
+ this.initNavBar();
|
|
|
this.getTabs();
|
|
|
this.reportIsShow();
|
|
|
},
|
|
|
@@ -161,6 +78,14 @@ export default {
|
|
|
// #endif
|
|
|
},
|
|
|
methods: {
|
|
|
+ initNavBar() {
|
|
|
+ let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
|
|
|
+ this.navBarStyle = {
|
|
|
+ height: menuButtonInfo.height + menuButtonInfo.top + 8 + "px",
|
|
|
+ paddingTop: menuButtonInfo.top - 4 + "px",
|
|
|
+ paddingBottom: "4px",
|
|
|
+ };
|
|
|
+ },
|
|
|
gopc() {
|
|
|
uni.reLaunch({
|
|
|
url: "/pages/pcWebViev/pcWebViev",
|
|
|
@@ -280,7 +205,7 @@ export default {
|
|
|
*/
|
|
|
onShareAppMessage: function (res) {
|
|
|
return {
|
|
|
- title: this.isHorzMobile ? "好友向您推荐此内容，上传名片享查研观向免费月卡！" : "您手边的弘则研究素材检索库",
|
|
|
+ title: this.isHorzMobile ? "好友向您推荐此内容，上传名片享查研观向免费月卡！" : "您手边的弘则研究素材检索库",
|
|
|
path: "/pages/index/index?tabid=" + this.tabAct_id,
|
|
|
imageUrl: this.tabAct_id == 0 ? "https://hzstatic.hzinsights.com/cygx/czbk/home_share.png" : "",
|
|
|
success: (res) => {},
|
|
|
@@ -299,212 +224,222 @@ export default {
|
|
|
.Index-container {
|
|
|
background-color: #f7f7f7;
|
|
|
font-size: 30rpx;
|
|
|
- .index-fixed {
|
|
|
- width: 750rpx;
|
|
|
+ .nav-bar-wrap {
|
|
|
+ color: #f00;
|
|
|
position: fixed;
|
|
|
- left: 0;
|
|
|
top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
z-index: 999;
|
|
|
- .index-header {
|
|
|
- background-color: #fff;
|
|
|
- padding: 32rpx 34rpx;
|
|
|
- position: relative;
|
|
|
- .sea_ipt_placeholder {
|
|
|
- color: #8d8d8d;
|
|
|
- opacity: 0.7;
|
|
|
- }
|
|
|
- .sea_ipt {
|
|
|
- width: 100%;
|
|
|
- height: 70rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- color: #707070;
|
|
|
- background-color: #f6f6f6;
|
|
|
- padding: 0 34rpx 0 70rpx;
|
|
|
- border-radius: 70rpx;
|
|
|
- border: 1rpx solid #e5e5e5;
|
|
|
- }
|
|
|
- .search_ico {
|
|
|
- display: block;
|
|
|
- position: absolute;
|
|
|
- color: #8d8d8d;
|
|
|
- left: 60rpx;
|
|
|
- top: 50%;
|
|
|
- z-index: 100;
|
|
|
- transform: translateY(-50%);
|
|
|
- }
|
|
|
- }
|
|
|
- .tab-cont {
|
|
|
- padding: 0 26rpx;
|
|
|
- background-color: #fff;
|
|
|
- font-size: 32rpx;
|
|
|
- box-shadow: 0 3rpx 6rpx rgba(187, 216, 255, 0.2);
|
|
|
- .scroll-tab {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .limit-box {
|
|
|
- position: absolute;
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- padding-right: 50rpx;
|
|
|
- top: -9rpx;
|
|
|
- margin-left: -38rpx;
|
|
|
- image {
|
|
|
- width: 46rpx;
|
|
|
- height: 26rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .scroll-tab-item {
|
|
|
- // flex-grow: 1;
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- padding: 10rpx 8rpx 20rpx 8rpx;
|
|
|
- margin-right: 35rpx;
|
|
|
- border-bottom: 8rpx solid transparent;
|
|
|
- position: relative;
|
|
|
- &:last-child {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
- &.active {
|
|
|
- border-bottom: none;
|
|
|
- color: #2c83ff;
|
|
|
- font-weight: 700;
|
|
|
- }
|
|
|
- .border_act {
|
|
|
- width: 100%;
|
|
|
- height: 8rpx;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .data-cont {
|
|
|
- padding: 228rpx 20rpx 10rpx;
|
|
|
- display: flex;
|
|
|
- .report-ul {
|
|
|
- width: 50%;
|
|
|
- &:first-child {
|
|
|
- margin-right: 10rpx;
|
|
|
- }
|
|
|
- .report-item {
|
|
|
- padding: 20rpx 20rpx 24rpx 20rpx;
|
|
|
- margin-bottom: 20rpx;
|
|
|
- border-radius: 8rpx;
|
|
|
- box-shadow: 0 3rpx 6rpx rgba($color: #000000, $alpha: 0.16);
|
|
|
- background: #fff;
|
|
|
- .item-content-img {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- image {
|
|
|
- width: 100%;
|
|
|
- height: 232rpx;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- }
|
|
|
- .item-content {
|
|
|
- height: 273rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 40rpx;
|
|
|
- color: #7f7f7f;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-line-clamp: 7;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- image {
|
|
|
- width: 100% !important;
|
|
|
- }
|
|
|
- }
|
|
|
- .line {
|
|
|
- margin: 18rpx 0;
|
|
|
- content: "";
|
|
|
- width: 100%;
|
|
|
- height: 1px;
|
|
|
- padding: 0 32rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #e5e5e5;
|
|
|
- -webkit-transform: scale(1, 0.5);
|
|
|
- transform: scale(1, 0.5);
|
|
|
- -webkit-transform-origin: center bottom;
|
|
|
- transform-origin: center bottom;
|
|
|
- }
|
|
|
- .item-title {
|
|
|
- font-size: 28rpx;
|
|
|
- color: #4a4a4a;
|
|
|
- margin-bottom: 10rpx;
|
|
|
- }
|
|
|
- .item-abstract {
|
|
|
- font-size: 26rpx;
|
|
|
- color: #6a6a6a;
|
|
|
- margin-bottom: 10rpx;
|
|
|
- .report_ico {
|
|
|
- width: 32rpx;
|
|
|
- height: 26rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
- .item-createtime {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- color: #acacac;
|
|
|
- font-size: 24rpx;
|
|
|
- .item-examine {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- image {
|
|
|
- width: 30rpx;
|
|
|
- height: 24rpx;
|
|
|
- margin: 0 10rpx 0 15rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .advice_ico {
|
|
|
- width: 81rpx;
|
|
|
- height: 81rpx;
|
|
|
- position: fixed;
|
|
|
- right: 30rpx;
|
|
|
- bottom: 214rpx;
|
|
|
- }
|
|
|
- .content-intimate {
|
|
|
- position: fixed;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- bottom: 96rpx;
|
|
|
- right: 41rpx;
|
|
|
- height: 156rpx;
|
|
|
.content {
|
|
|
- width: 432rpx;
|
|
|
- height: 112rpx;
|
|
|
- background-color: #fff;
|
|
|
- display: flex;
|
|
|
- border-radius: 56rpx;
|
|
|
- overflow: hidden;
|
|
|
- .cont-border {
|
|
|
- margin: 0 2rpx;
|
|
|
- }
|
|
|
- view {
|
|
|
- flex: 1;
|
|
|
- background-color: #3385ff;
|
|
|
- font-size: 30rpx;
|
|
|
- color: #fff;
|
|
|
- padding-top: 15rpx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- image {
|
|
|
- width: 156rpx;
|
|
|
- height: 100%;
|
|
|
- z-index: 99;
|
|
|
}
|
|
|
}
|
|
|
+ // .index-fixed {
|
|
|
+ // width: 750rpx;
|
|
|
+ // position: fixed;
|
|
|
+ // left: 0;
|
|
|
+ // top: 0;
|
|
|
+ // z-index: 999;
|
|
|
+ // .index-header {
|
|
|
+ // background-color: #fff;
|
|
|
+ // padding: 32rpx 34rpx;
|
|
|
+ // position: relative;
|
|
|
+ // .sea_ipt_placeholder {
|
|
|
+ // color: #8d8d8d;
|
|
|
+ // opacity: 0.7;
|
|
|
+ // }
|
|
|
+ // .sea_ipt {
|
|
|
+ // width: 100%;
|
|
|
+ // height: 70rpx;
|
|
|
+ // font-size: 30rpx;
|
|
|
+ // color: #707070;
|
|
|
+ // background-color: #f6f6f6;
|
|
|
+ // padding: 0 34rpx 0 70rpx;
|
|
|
+ // border-radius: 70rpx;
|
|
|
+ // border: 1rpx solid #e5e5e5;
|
|
|
+ // }
|
|
|
+ // .search_ico {
|
|
|
+ // display: block;
|
|
|
+ // position: absolute;
|
|
|
+ // color: #8d8d8d;
|
|
|
+ // left: 60rpx;
|
|
|
+ // top: 50%;
|
|
|
+ // z-index: 100;
|
|
|
+ // transform: translateY(-50%);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .tab-cont {
|
|
|
+ // padding: 0 26rpx;
|
|
|
+ // background-color: #fff;
|
|
|
+ // font-size: 32rpx;
|
|
|
+ // box-shadow: 0 3rpx 6rpx rgba(187, 216, 255, 0.2);
|
|
|
+ // .scroll-tab {
|
|
|
+ // position: relative;
|
|
|
+ // width: 100%;
|
|
|
+ // white-space: nowrap;
|
|
|
+ // }
|
|
|
+ // .limit-box {
|
|
|
+ // position: absolute;
|
|
|
+ // text-align: center;
|
|
|
+ // display: inline-block;
|
|
|
+ // padding-right: 50rpx;
|
|
|
+ // top: -9rpx;
|
|
|
+ // margin-left: -38rpx;
|
|
|
+ // image {
|
|
|
+ // width: 46rpx;
|
|
|
+ // height: 26rpx;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .scroll-tab-item {
|
|
|
+ // // flex-grow: 1;
|
|
|
+ // text-align: center;
|
|
|
+ // display: inline-block;
|
|
|
+ // padding: 10rpx 8rpx 20rpx 8rpx;
|
|
|
+ // margin-right: 35rpx;
|
|
|
+ // border-bottom: 8rpx solid transparent;
|
|
|
+ // position: relative;
|
|
|
+ // &:last-child {
|
|
|
+ // margin-right: 0;
|
|
|
+ // }
|
|
|
+ // &.active {
|
|
|
+ // border-bottom: none;
|
|
|
+ // color: #2c83ff;
|
|
|
+ // font-weight: 700;
|
|
|
+ // }
|
|
|
+ // .border_act {
|
|
|
+ // width: 100%;
|
|
|
+ // height: 8rpx;
|
|
|
+ // position: absolute;
|
|
|
+ // bottom: 0;
|
|
|
+ // left: 0;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .data-cont {
|
|
|
+ // padding: 228rpx 20rpx 10rpx;
|
|
|
+ // display: flex;
|
|
|
+ // .report-ul {
|
|
|
+ // width: 50%;
|
|
|
+ // &:first-child {
|
|
|
+ // margin-right: 10rpx;
|
|
|
+ // }
|
|
|
+ // .report-item {
|
|
|
+ // padding: 20rpx 20rpx 24rpx 20rpx;
|
|
|
+ // margin-bottom: 20rpx;
|
|
|
+ // border-radius: 8rpx;
|
|
|
+ // box-shadow: 0 3rpx 6rpx rgba($color: #000000, $alpha: 0.16);
|
|
|
+ // background: #fff;
|
|
|
+ // .item-content-img {
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ // image {
|
|
|
+ // width: 100%;
|
|
|
+ // height: 232rpx;
|
|
|
+ // vertical-align: middle;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .item-content {
|
|
|
+ // height: 273rpx;
|
|
|
+ // font-size: 24rpx;
|
|
|
+ // line-height: 40rpx;
|
|
|
+ // color: #7f7f7f;
|
|
|
+ // overflow: hidden;
|
|
|
+ // text-overflow: ellipsis;
|
|
|
+ // display: -webkit-box;
|
|
|
+ // -webkit-line-clamp: 7;
|
|
|
+ // -webkit-box-orient: vertical;
|
|
|
+ // image {
|
|
|
+ // width: 100% !important;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .line {
|
|
|
+ // margin: 18rpx 0;
|
|
|
+ // content: "";
|
|
|
+ // width: 100%;
|
|
|
+ // height: 1px;
|
|
|
+ // padding: 0 32rpx;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // background-color: #e5e5e5;
|
|
|
+ // -webkit-transform: scale(1, 0.5);
|
|
|
+ // transform: scale(1, 0.5);
|
|
|
+ // -webkit-transform-origin: center bottom;
|
|
|
+ // transform-origin: center bottom;
|
|
|
+ // }
|
|
|
+ // .item-title {
|
|
|
+ // font-size: 28rpx;
|
|
|
+ // color: #4a4a4a;
|
|
|
+ // margin-bottom: 10rpx;
|
|
|
+ // }
|
|
|
+ // .item-abstract {
|
|
|
+ // font-size: 26rpx;
|
|
|
+ // color: #6a6a6a;
|
|
|
+ // margin-bottom: 10rpx;
|
|
|
+ // .report_ico {
|
|
|
+ // width: 32rpx;
|
|
|
+ // height: 26rpx;
|
|
|
+ // margin-right: 20rpx;
|
|
|
+ // display: inline-block;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .item-createtime {
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ // justify-content: space-between;
|
|
|
+ // color: #acacac;
|
|
|
+ // font-size: 24rpx;
|
|
|
+ // .item-examine {
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ // image {
|
|
|
+ // width: 30rpx;
|
|
|
+ // height: 24rpx;
|
|
|
+ // margin: 0 10rpx 0 15rpx;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .advice_ico {
|
|
|
+ // width: 81rpx;
|
|
|
+ // height: 81rpx;
|
|
|
+ // position: fixed;
|
|
|
+ // right: 30rpx;
|
|
|
+ // bottom: 214rpx;
|
|
|
+ // }
|
|
|
+ // .content-intimate {
|
|
|
+ // position: fixed;
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ // bottom: 96rpx;
|
|
|
+ // right: 41rpx;
|
|
|
+ // height: 156rpx;
|
|
|
+ // .content {
|
|
|
+ // width: 432rpx;
|
|
|
+ // height: 112rpx;
|
|
|
+ // background-color: #fff;
|
|
|
+ // display: flex;
|
|
|
+ // border-radius: 56rpx;
|
|
|
+ // overflow: hidden;
|
|
|
+ // .cont-border {
|
|
|
+ // margin: 0 2rpx;
|
|
|
+ // }
|
|
|
+ // view {
|
|
|
+ // flex: 1;
|
|
|
+ // background-color: #3385ff;
|
|
|
+ // font-size: 30rpx;
|
|
|
+ // color: #fff;
|
|
|
+ // padding-top: 15rpx;
|
|
|
+ // text-align: center;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // image {
|
|
|
+ // width: 156rpx;
|
|
|
+ // height: 100%;
|
|
|
+ // z-index: 99;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
</style>
|
bd