18 changed files with 841 additions and 52 deletions
@ -0,0 +1,205 @@ |
|||||
|
// pages/list/mayday/index.js
|
||||
|
import commonApi from "../../../utils/https/common" |
||||
|
import util from "../../../utils/util" |
||||
|
let app = getApp(); |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
bottoms:["scene","hotel","feiyi","sale","road","movieticket"], |
||||
|
areas:{}, |
||||
|
list1:[], |
||||
|
list2:[], |
||||
|
list3:[], |
||||
|
list4:[], |
||||
|
list5:[], |
||||
|
list6:[], |
||||
|
maydayurl:null |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
// 获取打卡景点
|
||||
|
commonApi._post("act/get_suzhou_areas",{}).then(res=>{ |
||||
|
let areas={} |
||||
|
res.data.map(item=>{ |
||||
|
areas[item.area_id]=item.area_title |
||||
|
}) |
||||
|
this.setData({ |
||||
|
areas:areas |
||||
|
}) |
||||
|
}) |
||||
|
commonApi._post('product/get_product_by_tag',{ |
||||
|
tag_id:47, |
||||
|
offset:0, |
||||
|
limit:100 |
||||
|
}).then(res=>{ |
||||
|
res.data.list.map(item=>{ |
||||
|
item.display_tags = item.display_tags?item.display_tags.split(","):[]; |
||||
|
item.display_tags = item.display_tags.slice(0,2) |
||||
|
}) |
||||
|
this.setData({ |
||||
|
list1:res.data.list |
||||
|
}) |
||||
|
}) |
||||
|
commonApi._post('product/get_product_by_tag',{ |
||||
|
tag_id:48, |
||||
|
offset:0, |
||||
|
limit:100 |
||||
|
}).then(res=>{ |
||||
|
res.data.list.map(item=>{ |
||||
|
item.display_tags = item.display_tags?item.display_tags.split(","):[]; |
||||
|
item.display_tags = item.display_tags.slice(0,2) |
||||
|
}) |
||||
|
this.setData({ |
||||
|
list2:res.data.list |
||||
|
}) |
||||
|
}) |
||||
|
commonApi._post('product/get_product_by_tag',{ |
||||
|
tag_id:49, |
||||
|
offset:0, |
||||
|
limit:100 |
||||
|
}).then(res=>{ |
||||
|
res.data.list.map(item=>{ |
||||
|
item.display_tags = item.display_tags?item.display_tags.split(","):[]; |
||||
|
item.display_tags = item.display_tags.slice(0,2) |
||||
|
}) |
||||
|
this.setData({ |
||||
|
list3:res.data.list |
||||
|
}) |
||||
|
}) |
||||
|
commonApi._post('product/get_product_by_tag',{ |
||||
|
tag_id:53, |
||||
|
offset:0, |
||||
|
limit:100 |
||||
|
}).then(res=>{ |
||||
|
res.data.list.map(item=>{ |
||||
|
item.display_tags = item.display_tags?item.display_tags.split(","):[]; |
||||
|
item.display_tags = item.display_tags.slice(0,2) |
||||
|
}) |
||||
|
this.setData({ |
||||
|
list4:res.data.list |
||||
|
}) |
||||
|
}) |
||||
|
commonApi._post('product/get_product_by_tag',{ |
||||
|
tag_id:51, |
||||
|
offset:0, |
||||
|
limit:100 |
||||
|
}).then(res=>{ |
||||
|
res.data.list.map(item=>{ |
||||
|
item.display_tags = item.display_tags?item.display_tags.split(","):[]; |
||||
|
item.display_tags = item.display_tags.slice(0,2) |
||||
|
}) |
||||
|
this.setData({ |
||||
|
list5:res.data.list |
||||
|
}) |
||||
|
}) |
||||
|
commonApi._post('product/get_product_by_tag',{ |
||||
|
tag_id:52, |
||||
|
offset:0, |
||||
|
limit:100 |
||||
|
}).then(res=>{ |
||||
|
res.data.list.map(item=>{ |
||||
|
item.display_tags = item.display_tags?item.display_tags.split(","):[]; |
||||
|
item.display_tags = item.display_tags.slice(0,2) |
||||
|
}) |
||||
|
this.setData({ |
||||
|
list6:res.data.list |
||||
|
}) |
||||
|
}) |
||||
|
commonApi._post("pbservice/Other/getClientConfig",{ |
||||
|
unique_key:"wechatxcx" |
||||
|
}).then(res=>{ |
||||
|
let data = JSON.parse(res.data); |
||||
|
this.setData({ |
||||
|
maydayurl:data.maydayurl |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
gotoDetail:function(e){ |
||||
|
let item = e.currentTarget.dataset.item; |
||||
|
util.gotoDetail(item) |
||||
|
}, |
||||
|
gototop:function(){ |
||||
|
wx.pageScrollTo({ |
||||
|
duration: 300, |
||||
|
scrollTop:0 |
||||
|
}) |
||||
|
}, |
||||
|
clickBanner:function(){ |
||||
|
if(this.data.maydayurl){ |
||||
|
app.globalData.weburl=this.data.maydayurl |
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/pbService/web/index' |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
scrollPage:function(e){ |
||||
|
let index = e.currentTarget.dataset.index-1; |
||||
|
if(index==0){ |
||||
|
this.gototop() |
||||
|
return; |
||||
|
} |
||||
|
let query = wx.createSelectorQuery().in(this); |
||||
|
query.select("#box"+index).boundingClientRect(); |
||||
|
query.exec(function (res) { |
||||
|
wx.pageScrollTo({ |
||||
|
duration: 300, |
||||
|
scrollTop:res[0].top - 50 |
||||
|
}) |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,3 @@ |
|||||
|
{ |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,131 @@ |
|||||
|
<!--pages/list/mayday/index.wxml--> |
||||
|
<view style="position:relative"> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/top.png" mode="widthFix" class="main-img"></image> |
||||
|
<view class="btns"> |
||||
|
<view bindtap="scrollPage" data-index="1" class="btn" style="width:122rpx"></view> |
||||
|
<view bindtap="scrollPage" data-index="2" class="btn" style="width:189rpx"></view> |
||||
|
<view bindtap="scrollPage" data-index="3" class="btn" style="width:189rpx"></view> |
||||
|
<view bindtap="scrollPage" data-index="4" class="btn" style="width:142rpx"></view> |
||||
|
<view bindtap="scrollPage" data-index="5" class="btn" style="width:156rpx"></view> |
||||
|
<view bindtap="scrollPage" data-index="6" class="btn" style="width:156rpx"></view> |
||||
|
<view bindtap="scrollPage" data-index="7" class="btn" style="width:156rpx"></view> |
||||
|
<view bindtap="scrollPage" data-index="8" class="btn" style="width:156rpx"></view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="content"> |
||||
|
<image style="margin-top:0" id="box1" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/1.png" mode="widthFix" class="main-img"></image> |
||||
|
<view class="list"> |
||||
|
<view class="item" wx:for="{{list1}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<view class="city-box" wx:if="{{areas[item.area_id]}}">{{areas[item.area_id]}}</view> |
||||
|
<image src="{{item.headimg}}" mode="aspectFill" class="headimg"></image> |
||||
|
<view class="title textOver">{{item.title}}</view> |
||||
|
<view class="tags"> |
||||
|
<view class="tag textOver" wx:for="{{item.display_tags}}">{{item}}</view> |
||||
|
</view> |
||||
|
<view class="item-bottom"> |
||||
|
<view class="price">{{item.price/100}}</view> |
||||
|
<view class="item-btn">立即购买</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/2.png" id="box2" mode="widthFix" class="main-img"></image> |
||||
|
<view class="new-item" wx:for="{{list2}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/icon.png" mode="widthFix" class="iconimg"></image> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/icon.png" mode="widthFix" class="iconimg"></image> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/icon.png" mode="widthFix" class="iconimg1"></image> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/icon.png" mode="widthFix" class="iconimg1" style="right:60rpx;left:auto;width:54rpx"></image> |
||||
|
<view class="new-item-bg"> |
||||
|
<view class="new-item-bg-in"></view> |
||||
|
</view> |
||||
|
<view class="new-item-bg new-item-bg1"> |
||||
|
<view class="new-item-info"> |
||||
|
<view class="topbg"> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/topbg.png" mode="widthFix"></image> |
||||
|
<view class="topbg-text">TOP{{index+1}}</view> |
||||
|
</view> |
||||
|
<image src="{{item.headimg}}" class="new-headimg" mode="aspectFill"></image> |
||||
|
<view class="new-info"> |
||||
|
<view class="new-info-title textOver2">{{item.title}}</view> |
||||
|
<view class="textOver" wx:if="{{item.address || item.scene_address}}">地址:{{item.address || item.scene_address}}</view> |
||||
|
<view class="textOver" wx:if="{{item.scene_tel}}">电话:{{item.scene_tel}}</view> |
||||
|
<view class="new-item-btn">点击预约</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/3.png" id="box3" mode="widthFix" class="main-img"></image> |
||||
|
<view class="list"> |
||||
|
<view class="item" wx:for="{{list3}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<view class="city-box" wx:if="{{areas[item.area_id]}}">{{areas[item.area_id]}}</view> |
||||
|
<image src="{{item.headimg}}" mode="aspectFill" class="headimg"></image> |
||||
|
<view class="title textOver">{{item.title}}</view> |
||||
|
<view class="tags"> |
||||
|
<view class="tag textOver" wx:for="{{item.display_tags}}">{{item}}</view> |
||||
|
</view> |
||||
|
<view class="item-bottom"> |
||||
|
<view class="price">{{item.price/100}}</view> |
||||
|
<view class="item-btn">立即购买</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/4.png" id="box4" mode="widthFix" class="main-img"></image> |
||||
|
<view class="list"> |
||||
|
<view class="item" wx:for="{{list4}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<view class="city-box" wx:if="{{areas[item.area_id]}}">{{areas[item.area_id]}}</view> |
||||
|
<image src="{{item.headimg}}" mode="aspectFill" class="headimg"></image> |
||||
|
<view class="title textOver">{{item.title}}</view> |
||||
|
<view class="tags"> |
||||
|
<view class="tag textOver" wx:for="{{item.display_tags}}">{{item}}</view> |
||||
|
</view> |
||||
|
<view class="item-bottom"> |
||||
|
<view class="price">{{item.price/100}}</view> |
||||
|
<view class="item-btn">立即购买</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/5.png" id="box5" mode="widthFix" class="main-img"></image> |
||||
|
<view class="list"> |
||||
|
<view class="item" wx:for="{{list5}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<view class="city-box" wx:if="{{areas[item.area_id]}}">{{areas[item.area_id]}}</view> |
||||
|
<image src="{{item.headimg}}" mode="aspectFill" class="headimg"></image> |
||||
|
<view class="title textOver">{{item.title}}</view> |
||||
|
<view class="tags"> |
||||
|
<view class="tag textOver" wx:for="{{item.display_tags}}">{{item}}</view> |
||||
|
</view> |
||||
|
<view class="item-bottom"> |
||||
|
<view class="price">{{item.price/100}}</view> |
||||
|
<view class="item-btn">立即购买</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/6.png" id="box6" mode="widthFix" class="main-img"></image> |
||||
|
<view class="list"> |
||||
|
<view class="item" wx:for="{{list6}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<view class="city-box" wx:if="{{areas[item.area_id]}}">{{areas[item.area_id]}}</view> |
||||
|
<image src="{{item.headimg}}" mode="aspectFill" class="headimg"></image> |
||||
|
<view class="title textOver">{{item.title}}</view> |
||||
|
<view class="tags"> |
||||
|
<view class="tag textOver" wx:for="{{item.display_tags}}">{{item}}</view> |
||||
|
</view> |
||||
|
<view class="item-bottom"> |
||||
|
<view class="price">{{item.price/100}}</view> |
||||
|
<view class="item-btn">立即购买</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/7.png" id="box7" mode="widthFix" class="main-img"></image> |
||||
|
<image bindtap="clickBanner" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/banner.png" mode="widthFix" class="main-img" style="width:713rpx;margin-top:0"></image> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/8.png" mode="widthFix" class="main-img"></image> |
||||
|
</view> |
||||
|
<view style="position:relative"> |
||||
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/bottom.png" mode="widthFix" class="main-img"></image> |
||||
|
<view class="bottom-btns"> |
||||
|
<navigator url="/pages/list/{{bottoms[index]}}/index" class="bottom-btn" wx:for="{{6}}"></navigator> |
||||
|
</view> |
||||
|
</view> |
||||
|
<image style="width:300rpx;margin:40rpx auto;" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/text.png" mode="widthFix" class="main-img"></image> |
||||
|
<view></view> |
||||
|
<view class="totop-box" bindtap="gototop"> |
||||
|
<view class="iconfont icon-ziyuan"></view> |
||||
|
<view>TOP</view> |
||||
|
</view> |
||||
@ -0,0 +1,278 @@ |
|||||
|
/* pages/list/mayday/index.wxss */ |
||||
|
.btns { |
||||
|
position: absolute; |
||||
|
left: 41rpx; |
||||
|
right: 41rpx; |
||||
|
top: 683rpx; |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
justify-content: space-between; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
.btn { |
||||
|
height: 69rpx; |
||||
|
margin-bottom: 15rpx; |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
page { |
||||
|
background: #69bff2; |
||||
|
width: 100%; |
||||
|
overflow-x: hidden; |
||||
|
font-family: "MicrosoftYaHei"; |
||||
|
} |
||||
|
.content { |
||||
|
background: url(https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/mayday/bg.png); |
||||
|
background-size: 100%; |
||||
|
background-repeat: repeat-y; |
||||
|
padding-top: 72rpx; |
||||
|
} |
||||
|
.main-img { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.content .main-img { |
||||
|
width: 377rpx; |
||||
|
margin: 0 auto; |
||||
|
margin-top: 50rpx; |
||||
|
} |
||||
|
.list { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin: 0 16rpx; |
||||
|
flex-wrap: wrap; |
||||
|
} |
||||
|
.item { |
||||
|
width: 336rpx; |
||||
|
background-color: #fed78e; |
||||
|
border-radius: 20rpx; |
||||
|
padding: 7rpx; |
||||
|
position: relative; |
||||
|
margin-bottom: 20rpx; |
||||
|
color: #4b4b4b; |
||||
|
} |
||||
|
.city-box { |
||||
|
position: absolute; |
||||
|
z-index: 1; |
||||
|
left: 7rpx; |
||||
|
top: 7rpx; |
||||
|
line-height: 60rpx; |
||||
|
border-radius: 20rpx 0 20rpx 0; |
||||
|
background: #da902f; |
||||
|
padding: 0 20rpx; |
||||
|
font-size: 31rpx; |
||||
|
} |
||||
|
.headimg { |
||||
|
width: 336rpx; |
||||
|
height: 301rpx; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
.item .title { |
||||
|
font-size: 31rpx; |
||||
|
width: 316rpx; |
||||
|
margin: 0 10rpx; |
||||
|
} |
||||
|
.tags { |
||||
|
display: flex; |
||||
|
font-size: 15rpx; |
||||
|
color: #fff; |
||||
|
margin: 0 10rpx; |
||||
|
} |
||||
|
.tag { |
||||
|
background-color: #a1c443; |
||||
|
border-radius: 7rpx; |
||||
|
line-height: 23rpx; |
||||
|
padding: 0 16rpx; |
||||
|
margin-right: 10rpx; |
||||
|
} |
||||
|
.tags .tag:last-child { |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
.tags .tag:nth-child(2){ |
||||
|
background: #da902f; |
||||
|
} |
||||
|
.item-bottom { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
margin: 0 10rpx; |
||||
|
} |
||||
|
.item-bottom .price { |
||||
|
font-size: 43rpx; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.item-bottom .price::before { |
||||
|
content: "¥"; |
||||
|
font-size: 21rpx; |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
.item-bottom .price::after { |
||||
|
content: "起"; |
||||
|
font-size: 16rpx; |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
.item-btn { |
||||
|
width: 121rpx; |
||||
|
line-height: 37rpx; |
||||
|
border-radius: 18rpx; |
||||
|
background-color: #ffffff; |
||||
|
box-shadow: 0rpx 3rpx 11rpx 0rpx rgba(2, 25, 62, 0.27); |
||||
|
color: #66b578; |
||||
|
font-size: 20rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.new-item { |
||||
|
position: relative; |
||||
|
margin: 0 30rpx; |
||||
|
margin-bottom: 70rpx; |
||||
|
margin-top: 30rpx; |
||||
|
margin-right: 36rpx; |
||||
|
} |
||||
|
.new-item .iconimg { |
||||
|
transform: rotate(10deg); |
||||
|
width: 46rpx; |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
left: 80rpx; |
||||
|
top: -40rpx; |
||||
|
} |
||||
|
.new-item .iconimg:nth-child(2){ |
||||
|
right: 40rpx; |
||||
|
left: auto; |
||||
|
} |
||||
|
.new-item .iconimg1 { |
||||
|
width: 60rpx; |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
left: 40rpx; |
||||
|
top: -40rpx; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
.new-item .topbg { |
||||
|
position: absolute; |
||||
|
width: 172rpx; |
||||
|
left: 50%; |
||||
|
margin-left: -86rpx; |
||||
|
top: -10rpx; |
||||
|
} |
||||
|
.new-item .topbg image { |
||||
|
display: block; |
||||
|
width: 172rpx; |
||||
|
} |
||||
|
.topbg-text { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
color: #ffe0ac; |
||||
|
font-size: 29rpx; |
||||
|
} |
||||
|
.new-item-bg { |
||||
|
width: 100%; |
||||
|
height: 340rpx; |
||||
|
padding: 7rpx; |
||||
|
border-radius: 20rpx; |
||||
|
background: white; |
||||
|
transform: rotate(-2deg); |
||||
|
position: relative; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
.new-headimg { |
||||
|
display: block; |
||||
|
width: 340rpx; |
||||
|
height: 290rpx; |
||||
|
margin-left: 20rpx; |
||||
|
border-radius: 10rpx; |
||||
|
} |
||||
|
.new-item-bg-in { |
||||
|
background: #4fb5f1; |
||||
|
height: 100%; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
.new-item-bg1 { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
top: 0; |
||||
|
z-index: 1; |
||||
|
transform: rotate(2deg); |
||||
|
} |
||||
|
.new-item-info { |
||||
|
background: #fdda97; |
||||
|
height: calc(100% - 20rpx); |
||||
|
padding-top: 20rpx; |
||||
|
border-radius: 20rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.new-info { |
||||
|
transform: rotate(-2deg); |
||||
|
flex: 1; |
||||
|
width: 200rpx; |
||||
|
text-align: center; |
||||
|
font-size: 17rpx; |
||||
|
color: #282828; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
flex-direction: column; |
||||
|
margin-right: 10rpx; |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
.new-info view { |
||||
|
width: 100%; |
||||
|
} |
||||
|
.new-info-title { |
||||
|
font-size: 36rpx; |
||||
|
color: #e9472e; |
||||
|
margin-bottom: 10rpx; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.new-item-btn { |
||||
|
width: 232rpx !important; |
||||
|
line-height: 60rpx; |
||||
|
background-color: #ed5032; |
||||
|
margin: 0 auto; |
||||
|
color: #fff; |
||||
|
border-radius: 30rpx; |
||||
|
font-size: 36rpx; |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
.bottom-btns { |
||||
|
position: absolute; |
||||
|
left: 22rpx; |
||||
|
right: 22rpx; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
flex-wrap: wrap; |
||||
|
} |
||||
|
.bottom-btn { |
||||
|
width: 165rpx; |
||||
|
height: 183rpx; |
||||
|
} |
||||
|
.bottom-btns .bottom-btn:nth-child(-n+2){ |
||||
|
width: 343rpx; |
||||
|
height: 187rpx; |
||||
|
} |
||||
|
|
||||
|
.totop-box { |
||||
|
position: fixed; |
||||
|
right: 30rpx; |
||||
|
bottom: 30rpx; |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
background: rgba(0, 0, 0, 0.5); |
||||
|
z-index: 3; |
||||
|
border-radius: 50%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
color: #fff; |
||||
|
font-size: 30rpx; |
||||
|
flex-direction: column; |
||||
|
} |
||||
@ -1,5 +1,5 @@ |
|||||
{ |
{ |
||||
"usingComponents": { |
"usingComponents": { |
||||
"search-header": "/pages/component/SearchHeader" |
"title":"/pages/component/TitleHeader" |
||||
} |
} |
||||
} |
} |
||||
Loading…
Reference in new issue