xt / xt-ac · Commits

Go to a project

Commit 73db6f26f8c14a42e96dd695a8e24497bb338eb7

Authored by zhangyan
1 parent 8709f4e3
build: skipped

no message

Inline Side-by-side
Showing 10 changed files with 227 additions and 1 deletions
... ... @@ -19,7 +19,9 @@
"pages/pet/p_basic",
"pages/topic/t_list",
"pages/topic/t_detail",
"pages/activity/a_list"
"pages/activity/a_list",
"pages/transform/t_shop",
"pages/transform/t_detail"
],
"window":{
"navigationBarBackgroundColor": "#ffffff",
... ...
... ... @@ -60,6 +60,11 @@ Page({
url:'p_photo'
})
}
if(index==4){
wx.navigateTo({
url:'../transform/t_shop'
})
}
}
},
petdetail:function () {
... ...
Page({
})
\ No newline at end of file
... ...
{}
\ No newline at end of file
... ...
<view class="detail">
<image src="/pages/image/topic3.jpg" class="detail-image"></image>
<view class="detail-info">
<view class="black-font font34r font-bold">小狗狗粮幼犬奶糕泰迪小型幼犬20kg</view>
<view class="detail-main flex-lr">
<view class="detail-price font24r"><text class="orange-font font30r">800 </text>积分</view>
<view class="gray-deep-font font24r fon-siny">已售5000件</view>
</view>
</view>
<view class="cut bg-gray"></view>
<view class="detail-other-list flex-cm">
<view class="gray-deep-font font30r font-siny flex-cm border-bottom-orange">商品详情</view>
<view class="gray-deep-font font30r font-siny flex-cm">评价(200)</view>
</view>
<view class="detail-other-info">
<image src="/pages/image/topic3.jpg" mode="widthFix"></image>
<image src="/pages/image/topic2.jpg" mode="widthFix"></image>
</view>
</view>
<view class="fixed left bottom bg-white fixed-detail flex-lr">
<view class="black-font font30r">余额：<text class="orange-font">300积分</text></view>
<view class="white-font font30r transform-button flex-cm">余额不足</view>
</view>
... ...
.detail{
width:100%;
padding-bottom:120rpx;
}
.detail-image{
width:100%;
height:400rpx;
}
.detail-info{
width:100%;
padding:25rpx 20rpx 30rpx;
box-sizing:border-box;
}
.detail-main{
padding-top:40rpx;
}
.detail-other-list{
width:100%;
height:100rpx;
border-bottom:1px solid #efeef3;
}
.detail-other-list>view{
width:35%;
height:100%;
}
.border-bottom-orange{
border-bottom:2px solid #fcb34c;
box-sizing:border-box;
}
.detail-other-info{
width:100%;
}
.detail-other-info>image{
width:100%;
height:400rpx;
}
.fixed-detail{
width:100%;
height:120rpx;
padding:0 20rpx;
box-sizing:border-box;
box-shadow:0 0 5px rgba(0,0,0,.2);
}
.transform-button{
width:180rpx;
height:64rpx;
background:#ccc;
border-radius:35rpx;
}
\ No newline at end of file
... ...
Page({
data:{
my_money:300,
goods:[
{
id:1,
title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
price:800,
image:'/pages/image/topic3.jpg'
},
{
id:2,
title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
price:800,
image:'/pages/image/topic3.jpg'
},
{
id:3,
title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
price:800,
image:'/pages/image/topic3.jpg'
},
{
id:4,
title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
price:800,
image:'/pages/image/topic3.jpg'
},
{
id:5,
title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
price:800,
image:'/pages/image/topic3.jpg'
},
{
id:6,
title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
price:800,
image:'/pages/image/topic3.jpg'
},
{
id:7,
title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
price:800,
image:'/pages/image/topic3.jpg'
},
{
id:8,
title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
price:800,
image:'/pages/image/topic3.jpg'
}
]
},
onLoad:function () {
},
onShow:function () {
},
gooddetail:function () {
wx.navigateTo({
url:'t_detail'
})
}
})
\ No newline at end of file
... ...
{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fcb34c",
"navigationBarTextStyle":"white",
"navigationBarTitleText":"积分商城"
}
\ No newline at end of file
... ...
<view class="shop-list flex-rs">
<block wx:for="{{goods}}">
<view class="shop-single" bindtap="gooddetail">
<image src="{{item.image}}" class="shop-image"></image>
<view class="shop-info bg-white">
<view class="shop-info-title black-font font28r fon-siny flex-lt">{{item.title}}</view>
<view class="shop-info-price flex-lr">
<view class="font-siny font22r black-font"><text class="orange-font font28r">{{item.price}} </text>积分</view>
<view class="shop-distance bg-gray">
<view class="shop-actual bg-orange" style="width:{{my_money/item.price*150}}rpx;max-width:100%;"></view>
</view>
</view>
</view>
</view>
</block>
</view>
<view class="shop-complete flex-cm">
<view class="shop-line"></view>
<view class="gray-font font28r">已经到底啦</view>
<view class="shop-line"></view>
</view>
\ No newline at end of file
... ...
page{
background:#efeef3;
}
.shop-list{
width:100%;
height:auto;
padding-top:20rpx;
}
.shop-single{
width:345rpx;
margin-left:20rpx;
border-radius:10rpx;
margin-bottom:20rpx;
overflow:hidden;
}
.shop-image{
width:100%;
height:260rpx;
}
.shop-info{
width:100%;
padding:20rpx;
box-sizing:border-box;
}
.shop-info-title{
line-height:1.3;
}
.shop-info-price{
margin-top:40rpx;
}
.shop-distance{
width:150rpx;
height:12rpx;
border-radius:6rpx;
background:#eee;
overflow:hidden;
}
.shop-actual{
height:100%;
}
.shop-complete{
width:100%;
padding:20rpx 0 40rpx;
}
.shop-line{
width:70rpx;
height:2rpx;
background:#ccc;
margin:0 10rpx;
}
... ...