|
|
@@ -21,7 +21,10 @@
|
|
|
<view class="search">
|
|
|
<!-- 选择乡镇区域 -->
|
|
|
<view class="search_town" :class="{ active: town }" @click="handleOpen">
|
|
|
- {{ town ? town : '请选择乡镇' }}
|
|
|
+ <view class="town_text">
|
|
|
+ <img class="img" v-if="town" src="../../static/images/4.png" />
|
|
|
+ {{ town ? town : '请选择乡镇' }}
|
|
|
+ </view>
|
|
|
<img src="../../static/index/right2.png" />
|
|
|
</view>
|
|
|
<!-- 关键词搜索和民宿级别区域 -->
|
|
|
@@ -36,6 +39,20 @@
|
|
|
</view>
|
|
|
<!-- 查找按钮区域 -->
|
|
|
<view class="search_btn" @click="handleSearch">查找</view>
|
|
|
+ <view class="search_msg">
|
|
|
+ <view class="msg_box">
|
|
|
+ <img class="box_img" src="@/static/images/1.png" />
|
|
|
+ 真实房源
|
|
|
+ </view>
|
|
|
+ <view class="msg_box">
|
|
|
+ <img class="box_img2" src="@/static/images/3.png" />
|
|
|
+ 安心入住
|
|
|
+ </view>
|
|
|
+ <view class="msg_box">
|
|
|
+ <img class="box_img3" src="@/static/images/2.png" />
|
|
|
+ 专业客服
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 轮播图区域 -->
|
|
|
@@ -70,10 +87,7 @@
|
|
|
<view class="circle color"></view>
|
|
|
<view class="top_title">优选民宿 .</view>
|
|
|
<view class="top_msg">特色优选民宿，让旅途充满乐趣</view>
|
|
|
- <view class="top_more" @click="handleGoHome">
|
|
|
- 更多
|
|
|
- <img src="https://chtech.ncjti.edu.cn/hotelReservation/image/13.png" />
|
|
|
- </view>
|
|
|
+ <view class="top_more" @click="handleGoHome">查看更多 ></view>
|
|
|
</view>
|
|
|
|
|
|
<swiper class="body_swiper" indicator-dots circular indicator-color="#BBD8FE" indicator-active-color="#1E7DFB" interval="3000" v-if="hotelList_you.length">
|
|
|
@@ -93,7 +107,7 @@
|
|
|
<view class="detail">
|
|
|
<img class="img" src="../../static/index/hotel.png" />
|
|
|
<view class="price_home">
|
|
|
- <text class="txt1">¥{{ item.min_price }}</text>
|
|
|
+ <text class="txt1">¥{{ item.min_price ? item.min_price : 0 }}</text>
|
|
|
<text class="txt2">起</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -105,92 +119,26 @@
|
|
|
</uv-skeletons>
|
|
|
|
|
|
<!-- 精选攻略区域 -->
|
|
|
- <view class="body_top" v-if="bestNewsInfo">
|
|
|
+ <view class="body_top" v-if="bestNewsList.length">
|
|
|
<view class="circle"></view>
|
|
|
<view class="circle color"></view>
|
|
|
<view class="top_title">精选攻略 .</view>
|
|
|
<view class="top_msg">宝藏分享社区</view>
|
|
|
- <view class="top_more" @click="handleGoPage">
|
|
|
- 更多
|
|
|
- <img src="https://chtech.ncjti.edu.cn/hotelReservation/image/13.png" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-if="bestNewsInfo" class="body_strategy" @click="handleGoDetail(bestNewsInfo)">
|
|
|
- <img v-if="bestNewsInfo.image" class="strategy_cover" mode="aspectFill" :src="bestNewsInfo.image" />
|
|
|
- <video
|
|
|
- v-if="bestNewsInfo.video"
|
|
|
- class="strategy_cover"
|
|
|
- :src="bestNewsInfo.video"
|
|
|
- :show-center-play-btn="false"
|
|
|
- :show-fullscreen-btn="false"
|
|
|
- :show-play-btn="false"
|
|
|
- ></video>
|
|
|
- <view class="strategy_info">
|
|
|
- <view class="info_title">{{ bestNewsInfo.title }}</view>
|
|
|
- <view class="info_tags">
|
|
|
- <view class="tag">{{ bestNewsInfo.townName }}</view>
|
|
|
- </view>
|
|
|
- <view class="info_desc">
|
|
|
- {{ bestNewsInfo.content }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 招商资讯区域 -->
|
|
|
- <view class="body_top" v-if="newsList.length">
|
|
|
- <view class="circle"></view>
|
|
|
- <view class="circle color"></view>
|
|
|
- <view class="top_title">招商资讯 .</view>
|
|
|
- <view class="top_msg">以招商引资，推动镇域经济</view>
|
|
|
- <view class="top_more" @click="handleGoNewsList">
|
|
|
- 更多
|
|
|
- <img src="https://chtech.ncjti.edu.cn/hotelReservation/image/13.png" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 招商资讯轮播图 -->
|
|
|
- <uni-swiper-dot :info="newsList" mode="round" :dotsStyles="dotsStyles" :current="current">
|
|
|
- <swiper circular autoplay interval="3000" class="body_news" @change="changeDot">
|
|
|
- <swiper-item v-for="item in newsList" :key="item.id" @click="handleGoNews(item)">
|
|
|
- <uv-image width="633rpx" height="332rpx" radius="8rpx" mode="aspectFill" :src="item.url" />
|
|
|
- <view class="news_title">
|
|
|
- {{ item.title ? item.title : '无标题' }}
|
|
|
- </view>
|
|
|
- <view class="news_desc">
|
|
|
- {{ item.desc }}
|
|
|
- </view>
|
|
|
- <mp-html v-if="item.showHtml" @load="htmlLoad(item)" :ref="item.id + 'html'" :content="item.content" />
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
- </uni-swiper-dot>
|
|
|
-
|
|
|
- <!-- 特产甄选区域 -->
|
|
|
- <view class="body_top" v-if="goodsList.length">
|
|
|
- <view class="circle"></view>
|
|
|
- <view class="circle color"></view>
|
|
|
- <view class="top_title">特产甄选 .</view>
|
|
|
- <view class="top_msg">明优推荐，土的自然，购的放心</view>
|
|
|
- <view class="top_more" @click="clickGoods">
|
|
|
- 更多
|
|
|
- <img src="https://chtech.ncjti.edu.cn/hotelReservation/image/13.png" />
|
|
|
- </view>
|
|
|
+ <view class="top_more" @click="handleGoPage">查看更多 ></view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="body_list">
|
|
|
- <!-- 每一个特产区域 -->
|
|
|
- <view class="item_goods" v-for="item in goodsList" :key="item.id" @click="to_detail(item)">
|
|
|
- <img class="goods_img" mode="aspectFill" :src="item.imgs.split(',')[0]" />
|
|
|
- <view class="goods_name">{{ item.name }}</view>
|
|
|
-
|
|
|
- <view class="goods_detail">
|
|
|
- <img class="img" src="../../static/index/goods.png" />
|
|
|
- <view class="price_good">
|
|
|
- <text class="txt1">¥{{ item.price }}</text>
|
|
|
- <text class="txt2">起</text>
|
|
|
+ <swiper indicator-dots indicator-color="#BBD8FE" indicator-active-color="#1E7DFB" circular :interval="3000">
|
|
|
+ <swiper-item class="body_strategy" v-for="item in bestNewsList" :key="item.id" @click="handleGoDetail(item)">
|
|
|
+ <img v-if="item.image" class="strategy_cover" mode="aspectFill" :src="item.image" />
|
|
|
+ <video v-if="item.video" class="strategy_cover" :src="item.video" :show-center-play-btn="false" :show-fullscreen-btn="false" :show-play-btn="false"></video>
|
|
|
+ <view class="strategy_info">
|
|
|
+ <view class="info_title">{{ item.title }}</view>
|
|
|
+ <view class="info_tags">
|
|
|
+ <view class="tag">{{ item.townName }}</view>
|
|
|
</view>
|
|
|
+ <text class="info_desc">{{ item.content }}</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
|
|
|
<!-- 精选推荐区域 -->
|
|
|
<view class="body_top" v-if="hotelList.length">
|
|
|
@@ -198,10 +146,7 @@
|
|
|
<view class="circle color"></view>
|
|
|
<view class="top_title">精选推荐 .</view>
|
|
|
<view class="top_msg">线上订民宿，住着玩个遍</view>
|
|
|
- <view class="top_more" @click="handleGoHome">
|
|
|
- 更多
|
|
|
- <img src="https://chtech.ncjti.edu.cn/hotelReservation/image/13.png" />
|
|
|
- </view>
|
|
|
+ <view class="top_more" @click="handleGoHome">查看更多 ></view>
|
|
|
</view>
|
|
|
<view class="body_list">
|
|
|
<!-- 每一个民宿区域 -->
|
|
|
@@ -219,7 +164,7 @@
|
|
|
<view class="detail">
|
|
|
<img class="img" src="../../static/index/hotel.png" />
|
|
|
<view class="price_home">
|
|
|
- <text class="txt1">¥{{ item.min_price }}</text>
|
|
|
+ <text class="txt1">¥{{ item.min_price ? item.min_price : 0 }}</text>
|
|
|
<text class="txt2">起</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -232,6 +177,56 @@
|
|
|
<img src="../../static/images/noData.png" />
|
|
|
暂无推荐数据
|
|
|
</view>
|
|
|
+
|
|
|
+ <!-- 特产甄选区域 -->
|
|
|
+ <view class="body_top" v-if="goodsList.length">
|
|
|
+ <view class="circle"></view>
|
|
|
+ <view class="circle color"></view>
|
|
|
+ <view class="top_title">特产甄选 .</view>
|
|
|
+ <view class="top_msg">明优推荐，土的自然，购的放心</view>
|
|
|
+ <view class="top_more" @click="clickGoods">查看更多 ></view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="body_list">
|
|
|
+ <!-- 每一个特产区域 -->
|
|
|
+ <view class="item_goods" v-for="item in goodsList" :key="item.id" @click="to_detail(item)">
|
|
|
+ <img class="goods_img" mode="aspectFill" :src="item.imgs.split(',')[0]" />
|
|
|
+ <view class="goods_name">{{ item.name }}</view>
|
|
|
+
|
|
|
+ <view class="goods_detail">
|
|
|
+ <img class="img" src="../../static/index/goods.png" />
|
|
|
+ <view class="price_good">
|
|
|
+ <text class="txt1">¥{{ item.price }}</text>
|
|
|
+ <text class="txt2">起</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 两山资产区域 -->
|
|
|
+ <view class="body_top" v-if="newsList.length">
|
|
|
+ <view class="circle"></view>
|
|
|
+ <view class="circle color"></view>
|
|
|
+ <view class="top_title">两山资产 .</view>
|
|
|
+ <view class="top_msg">以招商引资，推动镇域经济</view>
|
|
|
+ <view class="top_more" @click="handleGoNewsList">查看更多 ></view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 两山资产轮播图 -->
|
|
|
+ <uni-swiper-dot :info="newsList" mode="round" :dotsStyles="dotsStyles" :current="current">
|
|
|
+ <swiper circular autoplay interval="3000" class="body_news" @change="changeDot">
|
|
|
+ <swiper-item v-for="item in newsList" :key="item.id" @click="handleGoNews(item)">
|
|
|
+ <uv-image width="633rpx" height="332rpx" radius="8rpx" mode="aspectFill" :src="item.url" />
|
|
|
+ <view class="news_title">
|
|
|
+ {{ item.title ? item.title : '无标题' }}
|
|
|
+ </view>
|
|
|
+ <view class="news_desc">
|
|
|
+ {{ item.desc }}
|
|
|
+ </view>
|
|
|
+ <mp-html v-if="item.showHtml" @load="htmlLoad(item)" :ref="item.id + 'html'" :content="item.content" />
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </uni-swiper-dot>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -274,23 +269,6 @@
|
|
|
<view class="btn_close" @click="handleClose"></view>
|
|
|
</view>
|
|
|
</uv-popup>
|
|
|
-
|
|
|
- <!-- 等级介绍弹窗区域 -->
|
|
|
- <!-- <uv-popup ref="popup_level" mode="center" :closeOnClickOverlay="false" bgColor="none">
|
|
|
- <view class="popupLevel">
|
|
|
- <view class="level_header">
|
|
|
- <view class="">民宿等级</view>
|
|
|
- <view class="header_text" @click="handleCloseLevelPop">×</view>
|
|
|
- </view>
|
|
|
- <view class="level_body">
|
|
|
- 江西省民宿评定严格按照《民宿基本要求与评价（江西省省地方标准）》进行。民宿等级从高到低分为白金级、金宿级、银宿级三个等级，等级越高表示接待设施与服务品质越高。其中，白金级、金宿级由省里评定，银宿级由设区市评定。
|
|
|
- </view>
|
|
|
- <view class="level_btn">
|
|
|
- <view class="btn notip" @click="handleNoTip">不再提示</view>
|
|
|
- <view class="btn read" @click="handleCloseLevelPop">已读</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uv-popup> -->
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -309,7 +287,7 @@ export default {
|
|
|
// 当前页
|
|
|
page: 1,
|
|
|
// 每页多少条
|
|
|
- rows: 6,
|
|
|
+ rows: 4,
|
|
|
// 总条数
|
|
|
total: null,
|
|
|
// 地区数组
|
|
|
@@ -338,18 +316,18 @@ export default {
|
|
|
statusBarH: 0,
|
|
|
// 胶囊按钮栏高度
|
|
|
customBarH: 0,
|
|
|
- // 招商资讯列表
|
|
|
+ // 两山资产列表
|
|
|
newsList: [],
|
|
|
// 精选攻略数据
|
|
|
- bestNewsInfo: null,
|
|
|
- // 招商资讯轮播图指示点样式
|
|
|
+ bestNewsList: [],
|
|
|
+ // 两山资产轮播图指示点样式
|
|
|
dotsStyles: {
|
|
|
backgroundColor: '#BBD8FE',
|
|
|
selectedBackgroundColor: '#1E7DFB',
|
|
|
border: 'none',
|
|
|
selectedBorder: 'none'
|
|
|
},
|
|
|
- // 招商资讯轮播图当前索引值
|
|
|
+ // 两山资产轮播图当前索引值
|
|
|
current: 0,
|
|
|
// 特产甄选列表
|
|
|
goodsList: [],
|
|
|
@@ -400,17 +378,17 @@ export default {
|
|
|
menus: ['shareAppMessage', 'shareTimeline']
|
|
|
})
|
|
|
},
|
|
|
- onReachBottom() {
|
|
|
- if (this.hotelList.length < this.total) {
|
|
|
- this.page++
|
|
|
- this.getHotelList_jing()
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- title: '没有更多数据了',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
+ // onReachBottom() {
|
|
|
+ // if (this.hotelList.length < this.total) {
|
|
|
+ // this.page++
|
|
|
+ // this.getHotelList_jing()
|
|
|
+ // } else {
|
|
|
+ // uni.showToast({
|
|
|
+ // title: '没有更多数据了',
|
|
|
+ // icon: 'none'
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // },
|
|
|
onPageScroll(e) {
|
|
|
if (e.scrollTop > 100) {
|
|
|
this.headerType = true
|
|
|
@@ -442,14 +420,10 @@ export default {
|
|
|
this.getLocation()
|
|
|
// 获取精选攻略
|
|
|
this.getBestNews()
|
|
|
- // 获取招商资讯列表
|
|
|
- this.getNews()
|
|
|
// 获取特产列表
|
|
|
this.getGoodsList()
|
|
|
-
|
|
|
- // let isTip = uni.getStorageSync('isTip')
|
|
|
-
|
|
|
- // !isTip && this.$refs.popup_level.open()
|
|
|
+ // 获取两山资产列表
|
|
|
+ this.getNews()
|
|
|
},
|
|
|
methods: {
|
|
|
async getHeaderImgList() {
|
|
|
@@ -463,11 +437,11 @@ export default {
|
|
|
},
|
|
|
async getBestNews() {
|
|
|
const res = await this.$myRequest({
|
|
|
- url: '/mhotel/articlequeryMaxArticleLike.action'
|
|
|
+ url: '/mhotel/articlequeryTop3ArticleLike.action'
|
|
|
})
|
|
|
// console.log(res)
|
|
|
if (res.code == 200) {
|
|
|
- this.bestNewsInfo = res.data
|
|
|
+ this.bestNewsList = res.data
|
|
|
}
|
|
|
},
|
|
|
async getNews() {
|
|
|
@@ -806,13 +780,6 @@ export default {
|
|
|
changeDot(e) {
|
|
|
this.current = e.detail.current
|
|
|
},
|
|
|
- // handleCloseLevelPop() {
|
|
|
- // this.$refs.popup_level.close()
|
|
|
- // },
|
|
|
- // handleNoTip() {
|
|
|
- // uni.setStorageSync('isTip', true)
|
|
|
- // this.$refs.popup_level.close()
|
|
|
- // },
|
|
|
// 点击顶部轮播图广告回调
|
|
|
handleClickBanner(banner) {
|
|
|
// console.log(banner)
|
|
|
@@ -947,7 +914,7 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
padding: 0 28rpx;
|
|
|
width: 690rpx;
|
|
|
- height: 353rpx;
|
|
|
+ height: 395rpx;
|
|
|
border-radius: 12rpx;
|
|
|
background-color: #fff;
|
|
|
|
|
|
@@ -960,6 +927,18 @@ export default {
|
|
|
font-size: 32rpx;
|
|
|
border-bottom: 1rpx solid #e6e6e6;
|
|
|
|
|
|
+ .town_text {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-left: 10rpx;
|
|
|
+
|
|
|
+ .img {
|
|
|
+ margin-right: 23rpx;
|
|
|
+ width: 38rpx;
|
|
|
+ height: 38rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
img {
|
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
|
@@ -984,7 +963,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.center_input {
|
|
|
- margin-right: 12rpx;
|
|
|
+ margin: 0 12rpx;
|
|
|
width: 250rpx;
|
|
|
color: #000;
|
|
|
font-weight: bold;
|
|
|
@@ -1021,7 +1000,41 @@ export default {
|
|
|
border-radius: 57rpx;
|
|
|
color: #fff;
|
|
|
font-size: 32rpx;
|
|
|
- background: linear-gradient(90deg, #2697ef 0%, #5e35eb 100%);
|
|
|
+ background-image: url(https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240329163323_dc9c53e05ab4568185d808ca366b5d0.png);
|
|
|
+ background-size: cover;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search_msg {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ align-items: center;
|
|
|
+ width: 623rpx;
|
|
|
+ height: 92rpx;
|
|
|
+ color: #0095ff;
|
|
|
+ font-size: 24rpx;
|
|
|
+
|
|
|
+ .msg_box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .box_img {
|
|
|
+ margin-right: 8rpx;
|
|
|
+ width: 27rpx;
|
|
|
+ height: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_img2 {
|
|
|
+ margin-right: 8rpx;
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_img3 {
|
|
|
+ margin-right: 8rpx;
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -1076,6 +1089,7 @@ export default {
|
|
|
|
|
|
.body {
|
|
|
margin: 0 auto;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
width: 690rpx;
|
|
|
|
|
|
.body_top {
|
|
|
@@ -1106,20 +1120,15 @@ export default {
|
|
|
margin-top: 5rpx;
|
|
|
margin-left: 12rpx;
|
|
|
color: #666666;
|
|
|
- font-size: 24rpx;
|
|
|
+ font-size: 22rpx;
|
|
|
}
|
|
|
|
|
|
.top_more {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
margin-left: auto;
|
|
|
- color: #a6a6a6;
|
|
|
+ color: #4693eb;
|
|
|
font-size: 24rpx;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 32rpx;
|
|
|
- height: 32rpx;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -1240,12 +1249,13 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
margin-left: 20rpx;
|
|
|
width: 500rpx;
|
|
|
- height: 170rpx;
|
|
|
+ height: 190rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #666666;
|
|
|
overflow: hidden;
|
|
|
|
|
|
.info_title {
|
|
|
+ flex: 1.5;
|
|
|
font-size: 32rpx;
|
|
|
font-weight: bold;
|
|
|
color: #000;
|
|
|
@@ -1254,17 +1264,8 @@ export default {
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
- .info_title2 {
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: bold;
|
|
|
- color: #000;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
.info_tags {
|
|
|
+ flex: 1;
|
|
|
display: flex;
|
|
|
|
|
|
.tag {
|
|
|
@@ -1280,6 +1281,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.info_desc {
|
|
|
+ flex: 1.5;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-line-clamp: 2;
|
|
|
@@ -1583,56 +1585,5 @@ export default {
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .popupLevel {
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 20rpx;
|
|
|
- width: 580rpx;
|
|
|
- height: 495rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .level_header {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- height: 70rpx;
|
|
|
-
|
|
|
- .header_text {
|
|
|
- color: #c5c5c0;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .level_body {
|
|
|
- font-size: 26rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .level_btn {
|
|
|
- margin-top: 80rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- align-items: center;
|
|
|
- height: 80rpx;
|
|
|
-
|
|
|
- .btn {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- width: 150rpx;
|
|
|
- height: 60rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- border-radius: 10rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .notip {
|
|
|
- margin-right: 20rpx;
|
|
|
- border: 1rpx solid #e7e7e7;
|
|
|
- }
|
|
|
-
|
|
|
- .read {
|
|
|
- color: #fff;
|
|
|
- background-color: #1890ff;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
</style>
|
