suzhou-jichuang-lanhai
/
luyingxiaochengxu2
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面样式修改

Browse Source
master
许宏杰 3 years ago
parent d36546dc20
commit 555d32fdc9
6 changed files with 508 additions and 192 deletions
Show Stats Download Patch File Download Diff File

54
app.json
Unescape View File

@ -1,5 +1,5 @@
{
"pages":[
"pages": [
"pages/home/index",
"pages/shequ/index",
"pages/add/index",
@ -19,36 +19,37 @@
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
},
"window":{
"backgroundTextStyle":"light",
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle":"black"
"navigationBarTextStyle": "black"
},
"tabBar": {
"custom": true,
"list": [
{
"pagePath": "pages/home/index",
"text": "营地"
},
{
"pagePath": "pages/shequ/index",
"text": "社区"
},
{
"pagePath": "pages/add/index",
"text": "发布"
},
{
"pagePath": "pages/activity/index",
"text": "活动"
},
{
"pagePath": "pages/mine/index",
"text": "我的"
}
]},
"pagePath": "pages/home/index",
"text": "营地"
},
{
"pagePath": "pages/shequ/index",
"text": "社区"
},
{
"pagePath": "pages/add/index",
"text": "发布"
},
{
"pagePath": "pages/activity/index",
"text": "活动"
},
{
"pagePath": "pages/mine/index",
"text": "我的"
}
]
},
"usingComponents": {
"van-search": "@vant/weapp/search/index",
"van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
@ -56,7 +57,8 @@
"van-icon": "@vant/weapp/icon/index",
"van-tab": "@vant/weapp/tab/index",
"van-tabs": "@vant/weapp/tabs/index",
"van-toast": "@vant/weapp/toast/index"
"van-toast": "@vant/weapp/toast/index",
"van-popup": "@vant/weapp/popup/index"
},
"sitemapLocation": "sitemap.json"
}
}

2
custom-tab-bar/index.wxml
Unescape View File

@ -47,7 +47,7 @@
</view>
<view
class="tabbar-title"
style="color:{{ active == index ? '#499F79' : '' }}"
style="color:{{ active == index ? '#446C4C' : '' }}"
>{{ item.name }}</view
>
</view>

10
iamges/bit64.js
View File

File diff suppressed because one or more lines are too long

37
pages/info/index.js
Unescape View File

@ -17,7 +17,18 @@ Page({
"营地活动":[]
},
upBtn:false,
uptext:'展开'
uptext:'展开',
popupShow:false,
weatherShow:false,
weatherList:[
{name:'今日',day:'8-22',state:0,stateTitle:'多云'},
{name:'周二',day:'8-23',state:0,stateTitle:'中雨'},
{name:'周三',day:'8-24',state:0,stateTitle:'多云'},
{name:'周四',day:'8-25',state:0,stateTitle:'多云'},
{name:'周五',day:'8-26',state:0,stateTitle:'雷阵雨'},
{name:'周六',day:'8-27',state:0,stateTitle:'大雨'},
{name:'周日',day:'8-28',state:0,stateTitle:'中雨'},
]
},
/**
@ -26,6 +37,30 @@ Page({
onLoad(options) {
this.getInfo(options.name)
},
//点击显示分享面板
shareBtn(){
this.setData({
popupShow:true
})
},
//关闭分享面板
onClose(){
this.setData({
popupShow:false
})
},
//打开天气面板
showWeatherModel(){
this.setData({
weatherShow:true
})
},
//关闭天气面板
weatherClose(){
this.setData({
weatherShow:false
})
},
// 收起展开
btnUp(){
this.setData({

169
pages/info/index.wxml
Unescape View File

@ -29,13 +29,14 @@
<view class="store">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/store.png" mode="aspectFill"></image>
</view>
<view class="share">
<view class="share" bindtap="shareBtn">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/share.png" mode="aspectFill"></image>
</view>
</view>
</view>
</view>
</view>
<!-- 营地基本信息 -->
<view class="basics-data">
<view class="basics-title">
@ -99,11 +100,11 @@
<view class="btn-text">预订</view>
</view>
</view>
</view>
<!-- 营地信息 -->
<view class="icon-list">
<view class="sub-box {{upBtn==true ? 'avtiveUp':''}}">
<view class="sub-box {{upBtn==true ? 'avtiveUp':''}}">
<!-- 标题可公用 -->
<view class="correlation-title">
<view class="correlation-title-icon">
@ -114,8 +115,8 @@
</view>
</view>
<!-- 列表 -->
<view class="yd-icon-list" >
<block wx:if="{{iconObj['营地类型'].length>0}}">
<view class="yd-icon-list">
<block wx:if="{{iconObj['营地类型'].length>0}}">
<view class="icon-title">
营地类型
</view>
@ -123,7 +124,7 @@
<view class="type-item" wx:for="{{iconObj['营地类型']}}" wx:key="index">
<view class="type-item-icon">
<image src="{{item.icon}}" mode="aspectFill"></image>
</view>
</view>
<view class="type-item-title">
{{item.name}}
</view>
@ -138,7 +139,7 @@
<view class="type-item" wx:for="{{iconObj['场地类型']}}" wx:key="index">
<view class="type-item-icon">
<image src="{{item.icon}}" mode="aspectFill"></image>
</view>
</view>
<view class="type-item-title">
{{item.name}}
</view>
@ -153,14 +154,14 @@
<view class="type-item" wx:for="{{iconObj['营地要求']}}" wx:key="index">
<view class="type-item-icon">
<image src="{{item.icon}}" mode="aspectFill"></image>
</view>
</view>
<view class="type-item-title">
{{item.name}}
</view>
</view>
</view>
</block>
<block wx:if="{{iconObj['基础设施'].length>0}}">
</block>
<block wx:if="{{iconObj['基础设施'].length>0}}">
<view class="icon-title">
基础设施
</view>
@ -168,14 +169,14 @@
<view class="type-item" wx:for="{{iconObj['基础设施']}}" wx:key="index">
<view class="type-item-icon">
<image src="{{item.icon}}" mode="aspectFill"></image>
</view>
</view>
<view class="type-item-title">
{{item.name}}
</view>
</view>
</view>
</block>
<block wx:if="{{iconObj['营地活动'].length>0}}">
</block>
<block wx:if="{{iconObj['营地活动'].length>0}}">
<view class="icon-title">
营地活动
</view>
@ -183,7 +184,7 @@
<view class="type-item" wx:for="{{iconObj['营地活动']}}" wx:key="index">
<view class="type-item-icon">
<image src="{{item.icon}}" mode="aspectFill"></image>
</view>
</view>
<view class="type-item-title">
{{item.name}}
</view>
@ -194,67 +195,133 @@
<!-- 展开按钮 -->
<view class="up_btn" bindtap="btnUp" wx:if="{{upBtn==false}}">
<view>{{uptext}} </view>
<view class="up-icon" >
<view class="up-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/zhankai.png" mode="aspectFill"></image>
</view>
<!-- <view class="up-icon {{upBtn==true ? 'avtiveUp-btn':''}}" >
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/zhankai.png" mode="aspectFill"></image>
</view> -->
</view>
</view>
</view>
<!-- 推荐车型，天气 -->
<view class="tishi">
<view class="tishi-item">
<view class="tishi-item-title">
推荐车型
</view>
<view class="car-type">
<view class="car-item" style="margin-right:80rpx">
<view class="car-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/两驱.png" mode="aspectFill"></image>
</view>
<view class="car-text">两驱</view>
<view class="tishi-item-title">
推荐车型
</view>
<view class="car-item">
<view class="car-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/四驱.png" mode="aspectFill"></image>
<view class="car-type">
<view class="car-item" style="margin-right:80rpx">
<view class="car-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/两驱.png" mode="aspectFill"></image>
</view>
<view class="car-text">两驱</view>
</view>
<view class="car-item">
<view class="car-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/四驱.png" mode="aspectFill"></image>
</view>
<view class="car-text">四驱</view>
</view>
<view class="car-text">四驱</view>
</view>
</view>
</view>
<view class="tishi-item">
<view class="tishi-item-title">
天气状况
</view>
天气状况
</view>
<view class="weather">
<view class="weather-icon">
<view class="icon-box">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/tainqis.png" mode="aspectFill"></image>
</view>
<view class="icon-box-text">
小雨
</view>
<view class="weather-icon">
<view class="icon-box">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/tainqis.png" mode="aspectFill"></image>
</view>
<view class="weather-sevaen">
查看近7天
<van-icon name="arrow" />
<view class="icon-box-text">
小雨
</view>
</view>
<view class="weather-sevaen" bindtap="showWeatherModel">
查看近7天
<van-icon name="arrow" />
</view>
</view>
</view>
</view>
</view>
<!-- 营地介绍 -->
<!-- 营地介绍 -->
<view class="jieshao">
<view class="jieshao-title">推荐车型</view>
<view class="jieshao-list">
<view class="jieshao-list-item" wx:for="{{info.camp.content}}" wx:key="index">
<view class="list-item-text">{{item.content}}</view>
<view class="images-list-item" bindtap="viewImages" data-item="{{item}}" data-index="{{index}}">
<image wx:if="{{item.image.url}}" src="{{item.image.url}}" mode="widthFix" style="height: {{item.image.height}}rpx;"></image>
</view>
<view class="jieshao-title">推荐车型</view>
<view class="jieshao-list">
<view class="jieshao-list-item" wx:for="{{info.camp.content}}" wx:key="index">
<view class="list-item-text">{{item.content}}</view>
<view class="images-list-item" bindtap="viewImages" data-item="{{item}}" data-index="{{index}}">
<image wx:if="{{item.image.url}}" src="{{item.image.url}}" mode="widthFix" style="height: {{item.image.height}}rpx;"></image>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 分享弹出层 -->
<van-popup show="{{ popupShow }}" position="bottom" bind:close="onClose" custom-class="popup-custom">
<view class="popup-title">分享至</view>
<view class="popup-btn-box">
<view class="popup-item">
<view class="popup-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/wx.png" mode="aspectFill"></image>
</view>
<view class="popup-icon-title">微信好友</view>
</view>
<view class="popup-item">
<view class="popup-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/pengyou.png" mode="aspectFill"></image>
</view>
<view class="popup-icon-title">朋友圈</view>
</view>
<view class="popup-item">
<view class="popup-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/lianjie.png" mode="aspectFill"></image>
</view>
<view class="popup-icon-title">复制链接</view>
</view>
<view class="popup-item">
<view class="popup-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/tu.png" mode="aspectFill"></image>
</view>
<view class="popup-icon-title">生成分享图</view>
</view>
</view>
<view class="popup-close-btn">
<button class="close-buttom" bindtap="onClose">取消</button>
</view>
</van-popup>
<!-- 天气弹出层 -->
<van-popup show="{{ weatherShow }}" position="bottom" custom-class="weather-popup-custom" bind:close="weatherClose">
<view class="weather-popup">
<view class="weather-popup-title">· 近7天天气预告 ·</view>
<view class="weather-popup-list">
<view class="weather-list-item" wx:for="{{weatherList}}" wx:key="index">
<view class="weather-list-item-dayTitle">{{item.name}}</view>
<view class="weather-list-item-day">{{item.day}}</view>
<view class="weather-list-item-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/{{item.stateTitle}}.png" mode="aspectFill"></image>
</view>
<view class="weather-list-item-text">{{item.stateTitle}}</view>
<view class="dushu">
<view class="dushu-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/w2.png" mode="aspectFill"></image>
</view>
<view class="dushu-du">29</view>
</view>
<view class="dushu">
<view class="dushu-icon">
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/w1.png" mode="aspectFill"></image>
</view>
<view class="dushu-du">18</view>
</view>
</view>
</view>
</view>
</van-popup>

428
pages/info/index.wxss
Unescape View File

@ -1,52 +1,61 @@
/* pages/info/index.wxss */
page{
page {
background-color: #F8F4F8;
box-sizing: border-box;
}
image{
image {
height: 100%;
width: 100%;
display: block;
}
.page-logo-image{
.page-logo-image {
height: 471rpx;
width: 100%;
position: relative;
}
.log-image{
.log-image {
box-sizing: border-box;
width: 100%;
height: 100%;
}
.log-image swiper{
.log-image swiper {
height: 100%;
width: 100%;
}
swiper-item{
swiper-item {
height: 100%;
width: 100%;
}
swiper-item image{
swiper-item image {
height: 100%;
width: 100%;
display: block;
}
.img-bg{
.img-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:url('http://www.jichuanglanhai.com/demo/js-yingdi/images/imgBg.jpg');
background-image: url('http://www.jichuanglanhai.com/demo/js-yingdi/images/imgBg.jpg');
background-size: 100% 100%;
}
.user-data{
.user-data {
display: flex;
align-items: center;
box-sizing: border-box;
padding-top: 35rpx;
}
.user-icon{
.user-icon {
height: 63rpx;
width: 63rpx;
border-radius: 50%;
@ -57,29 +66,34 @@ swiper-item image{
margin-left: 31rpx;
margin-right: 22rpx;
}
.user-icon image{
.user-icon image {
height: 100%;
width: 100%;
display: block;
border-radius: 50%;
}
.user-value{
.user-value {
flex: 1;
}
.value-name{
.value-name {
display: flex;
/* justify-content: center;
align-content: center; */
}
.name-text{
.name-text {
font-size: 26rpx;
font-family: "Alibaba-PuHuiTi-Medium.otf";
font-weight: 500;
color: #FFFFFF;
text-shadow: 0px 1px 2px #4E4E4E;
}
.name-state{
.name-state {
width: 105rpx;
height: 32rpx;
text-align: center;
@ -93,7 +107,8 @@ swiper-item image{
font-weight: 400;
color: #FFFFFF;
}
.value-timer{
.value-timer {
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
@ -101,79 +116,92 @@ swiper-item image{
opacity: 0.7;
margin-top: 10rpx;
}
.user-btn{
.user-btn {
display: flex;
}
.user-btn>view{
.user-btn>view {
height: 41rpx;
width: 41rpx;
}
.user-btn>view image{
.user-btn>view image {
height: 100%;
width: 100%;
display: block;
}
.share{
.share {
margin-right: 28rpx;
margin-left: 26rpx;
}
/* 營地基础信息 */
.basics-data{
width: 92%;
background: #FFFFFF;
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
border-radius: 13rpx;
position: absolute;
left: 50%;
top: 400rpx;
transform: translate(-50%);
box-sizing: border-box;
padding: 35rpx;
}
.basics-title{
.basics-data {
width: 92%;
background: #FFFFFF;
box-shadow: 0px 0px 6rpx 0px rgba(231, 231, 231, 0.73);
border-radius: 13rpx;
position: absolute;
left: 50%;
top: 400rpx;
transform: translate(-50%);
box-sizing: border-box;
padding: 35rpx;
}
.basics-title {
display: flex;
align-items: center;
}
.basics-title-icon{
.basics-title-icon {
height: 38rpx;
width: 38rpx;
border-radius: 50%;
overflow: hidden;
margin-right: 12rpx;
}
.basics-title-icon image{
.basics-title-icon image {
height: 100%;
width: 100%;
display: block;
border-radius: 50%;
}
.basics-title-text{
.basics-title-text {
font-size: 35rpx;
font-family: "Alibaba-PuHuiTi-Medium.otf";
font-weight: 500;
color: #273329;
}
.basics-address{
.basics-address {
margin-top: 23rpx;
font-size: 26rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #58665A;
}
.basics-lat{
.basics-lat {
margin-top: 19rpx;
font-size: 26rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #9C9D9D;
}
.basics-btn{
.basics-btn {
margin-top: 28rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.basics-btn>view{
.basics-btn>view {
width: 303rpx;
height: 51rpx;
background: #FAFAFA;
@ -181,82 +209,97 @@ swiper-item image{
display: flex;
align-items: center;
justify-content: center;
line-height: 51rpx;
}
.basics-btn-text{
font-size: 22rpx;
.basics-btn-text {
font-size: 26rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #232E25;
}
.basics-btn-icon{
height: 23rpx;
width: 23rpx;
.basics-btn-icon {
height: 26rpx;
width: 26rpx;
margin-right: 10rpx;
}
.basics-btn-icon image{
.basics-btn-icon image {
height: 100%;
width: 100%;
display: block;
}
/* 营地相关信息 */
.correlation-data{
.correlation-data {
box-sizing: border-box;
width: 92%;
margin:300rpx auto ;
margin: 300rpx auto;
}
.correlation-title{
display: flex;
align-items: center;
box-sizing: border-box;
margin-bottom: 24rpx;
.correlation-title {
display: flex;
align-items: center;
box-sizing: border-box;
margin-bottom: 24rpx;
}
.correlation-title-icon{
.correlation-title-icon {
width: 40rpx;
height: 30rpx;
margin-right: 16rpx;
}
.correlation-title-text{
.correlation-title-text {
font-size: 32rpx;
font-family: "FZZCHJW--GB1-0";
font-weight: 400;
font-style: italic;
color: #273329;
}
/* 预订列表 */
.yuding-list{
.yuding-list {
width: 100%;
background: #FFFFFF;
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
box-shadow: 0px 0px 6rpx 0px rgba(231, 231, 231, 0.73);
border-radius: 13rpx;
padding: 20rpx;
box-sizing: border-box;
}
.yuding-list-item{
.yuding-list-item {
display: flex;
/* align-items: center; */
}
.yuding-list .yuding-list-item:nth-child(n+2){
margin-top: 20rpx;
.yuding-list .yuding-list-item:nth-child(n+2) {
margin-top: 20rpx;
}
.list-item-image{
.list-item-image {
width: 148rpx;
height: 112rpx;
border-radius: 6rpx;
overflow: hidden;
margin-right: 26rpx;
}
.list-item-text{
.list-item-text {
box-sizing: border-box;
flex: 1;
}
.item-text-name{
.item-text-name {
font-size: 26rpx;
font-family: "Alibaba-PuHuiTi-Medium.otf";
font-weight: 500;
color: #273329;
}
.item-text-subtitle{
.item-text-subtitle {
margin-top: 10rpx;
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
@ -266,25 +309,29 @@ swiper-item image{
text-overflow: ellipsis;
overflow: hidden;
}
.list-item-btn{
.list-item-btn {
margin-left: 35rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: space-between;
align-items: flex-end;
}
.item-moeny{
.item-moeny {
box-sizing: border-box;
margin-bottom: 10rpx;
}
.item-moeny text{
.item-moeny text {
margin-left: 10rpx;
font-size: 46rpx;
font-family: "xiaowei";
font-weight: 400;
color: #306E3D;
}
.btn-text{
.btn-text {
width: 119rpx;
height: 51rpx;
text-align: center;
@ -296,18 +343,21 @@ swiper-item image{
background: linear-gradient(90deg, #488254 0%, #286835 100%);
border-radius: 6rpx;
}
/* 营地信息 */
.icon-list{
.icon-list {
margin-top: 49rpx;
}
.yd-icon-list{
.yd-icon-list {
background: #FFFFFF;
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
box-shadow: 0px 0px 6rpx 0px rgba(231, 231, 231, 0.73);
border-radius: 13rpx;
padding:30rpx 20rpx;
padding: 30rpx 20rpx;
box-sizing: border-box;
}
.icon-title{
.icon-title {
margin-left: 20rpx;
font-size: 26rpx;
font-family: "Alibaba-PuHuiTi-Medium.otf";
@ -315,45 +365,52 @@ swiper-item image{
color: #273329;
margin-bottom: 28rpx;
}
.icon-type-list{
.icon-type-list {
display: flex;
flex-wrap: wrap;
margin-bottom: 25rpx;
}
.icon-type-list>view{
.icon-type-list>view {
width: 20%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 45rpx;
}
.type-item-icon{
.type-item-icon {
width: 47rpx;
height: 47rpx;
}
.type-item-title{
.type-item-title {
margin-top: 17rpx;
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #58665A;
}
/* 推荐 */
.tishi{
height: 218rpx;
margin-top: 49rpx;
display: flex;
justify-content: space-between;
.tishi {
height: 218rpx;
margin-top: 49rpx;
display: flex;
justify-content: space-between;
}
.tishi-item{
.tishi-item {
width: 48%;
height: 100%;
background: #FFFFFF;
border-radius: 13rpx;
border-radius: 13rpx;
display: flex;
flex-direction: column;
}
.tishi-item-title{
.tishi-item-title {
font-size: 29rpx;
font-family: "Alibaba-PuHuiTi-Medium.otf";
font-weight: 500;
@ -361,51 +418,60 @@ swiper-item image{
margin-left: 29rpx;
margin-top: 22rpx;
}
.car-item{
.car-item {
display: flex;
align-items: center;
flex-direction: column;
}
.car-type{
.car-type {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.car-icon{
.car-icon {
width: 53rpx;
height: 35rpx;
}
.car-text{
.car-text {
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #58665A;
margin-top: 24rpx;
}
.weather{
.weather {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.weather-icon{
.weather-icon {
display: flex;
flex-direction: column;
align-items: center;
}
.icon-box{
.icon-box {
width: 63rpx;
height: 58rpx;
}
.icon-box-text{
.icon-box-text {
margin-top: 24rpx;
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #58665A;
}
.weather-sevaen{
.weather-sevaen {
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
@ -413,29 +479,33 @@ swiper-item image{
margin-left: 60rpx;
border-bottom: 1px solid #7E9D82;
}
/* 介绍 */
.jieshao{
.jieshao {
/* background: #FFFFFF;
border-radius: 13px; */
margin-top: 49rpx;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
box-shadow: 0px 0px 6rpx 0px rgba(231, 231, 231, 0.73);
border-radius: 13rpx;
padding: 20rpx;
box-sizing: border-box;
}
.jieshao-title{
.jieshao-title {
box-sizing: border-box;
font-size: 29rpx;
font-family: "Alibaba-PuHuiTi-Medium.otf";
font-weight: 500;
color: #273329;
}
.jieshao-list{
.jieshao-list {
margin-top: 33rpx;
}
.list-item-text{
.list-item-text {
font-size: 26rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
@ -445,12 +515,13 @@ swiper-item image{
/* 摘开 */
.sub-box{
.sub-box {
height: 520rpx;
overflow: hidden;
position: relative;
}
.up_btn{
.up_btn {
position: absolute;
/* bottom: 6rpx; */
bottom: 8rpx;
@ -461,18 +532,159 @@ swiper-item image{
font-weight: 400;
color: #58665A;
}
.avtiveUp{
.avtiveUp {
height: auto;
}
.avtiveUp-btn{
.avtiveUp-btn {
transform: rotate(180deg);
}
.up_btn{
.up_btn {
display: flex;
align-items: center;
}
.up-icon{
.up-icon {
width: 14rpx;
height: 10rpx;
margin-left: 9rpx;
}
.popup-custom {
/* background: #F6F6F6 !important; */
box-sizing: border-box;
padding-bottom: env(safe-area-inset-bottom);
}
.popup-title {
margin: 20rpx 0;
font-size: 24rpx;
font-family: "Alibaba-PuHuiTi-Medium.otf";
font-weight: 500;
text-align: center;
}
.popup-btn-box {
display: flex;
align-items: center;
}
.popup-item {
margin-top: 30rpx;
width: 20%;
min-height: 100rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.popup-icon {
width: 88rpx;
height: 88rpx;
border-radius: 50%;
}
.popup-icon-title {
color: #333;
font-size: 24rpx;
font-weight: 400;
font-family: "Alibaba-PuHuiTi-Regular.otf";
margin-top: 16rpx;
}
.popup-close-btn {
height: 80rpx;
margin-top: 20rpx;
border-top: 16rpx solid #f1f1f1;
}
.close-buttom {
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-size: 24rpx;
font-weight: 400;
color: #333;
background-color: white !important;
}
.close-buttom::after {
border: 0 !important;
}
.weather-popup-title {
text-align: center;
font-size: 24rpx;
color: #999;
font-family: "Alibaba-PuHuiTi-Regular.otf";
box-sizing: border-box;
padding: 16rpx;
}
.weather-popup-list {
box-sizing: border-box;
padding: 20rpx 0;
display: flex;
justify-content: space-around;
}
.weather-popup-list>view {
width: 92rpx;
border-radius: 10rpx;
background: #f7f7f7;
}
.weather-list-item {
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding: 24rpx 0;
}
.weather-list-item-dayTitle {
font-size: 26rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 600;
color: #6e5f55;
line-height: 36rpx;
}
.weather-list-item-day {
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #c5bfbb;
line-height: 28rpx;
}
.weather-list-item-icon {
width: 64rpx;
height: 64rpx;
margin-top: 24rpx;
}
.weather-list-item-text {
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #6e5f55;
line-height: 24rpx;
}
.dushu{
margin-top: 24rpx;
display: flex;
align-items: center;
justify-content: center;
}
.dushu-icon{
height: 15rpx;
width: 15rpx;
transform: rotate(180deg);
}
.dushu-du{
color: #8a8a8a;
font-size: 18rpx;
margin-left: 12rpx;
}
Write Preview
Loading…
Cancel
Save