Commit 534e3f02c6b7fe7a18533ae0a3794e9c53e57b7f

Authored by zhangyan
1 parent 607a55e6

no message

... ... @@ -10,7 +10,8 @@
"pages/question/question",
"pages/question/q_detail",
"pages/person/person",
"pages/person/p_list"
"pages/person/p_list",
"pages/person/p_photo"
],
"window":{
"navigationBarBackgroundColor": "#ffffff",
... ...
Page({
data:{
photo_list:[
{
date:'2018-10-25',
list:[1,2,3,4,5,6,7,8,9]
},
{
date:'2018-10-27',
list:[1,2,3,4,5,6,7,8,9]
},
{
date:'2018-10-30',
list:[1,2,3,4,5,6]
},
{
date:'2018-10-31',
list:[1,2,3,4,5]
},
{
date:'2018-11-02',
list:[1,2,3,4,5,6,7,8,9,10,11]
}
]
},
onLoad:function () {
},
onShow:function () {
},
lookScale:function(){
wx.previewImage({
current: 'http://qn.colorcun.com/b.png', // 当前显示图片的http链接
urls: ['http://qn.colorcun.com/a.jpeg','http://qn.colorcun.com/b.png','http://qn.colorcun.com/c.png'] // 需要预览的图片http链接列表
})
}
})
\ No newline at end of file
... ...
{}
\ No newline at end of file
... ...
<view class="photo-cover">
<image src="http://qn.colorcun.com/b.png" class="photo-coverimg" mode="widthFix"></image>
</view>
<view class="photo-info flex-vc">
<view class="photo-upload white-font font30r flex-cm bg-orange">上传照片</view>
<view class="photo-list flex-vc">
<block wx:for="{{photo_list}}">
<view class="photo-date flex-cm">
<view class="bg-orange photo-desc"></view>
<view class="orange-font font30r flex-cm">{{item.date}}</view>
</view>
<view class="photo-show flex-lrt">
<view class="photo-block flex-vl">
<block wx:for="{{item.list}}" wx:for-item="list">
<block wx:if="{{index%3==0}}">
<image src="http://qn.colorcun.com/b.png" class="photo-single" bindtap="lookScale"></image>
</block>
</block>
</view>
<view class="photo-block flex-vl">
<block wx:for="{{item.list}}" wx:for-item="list">
<block wx:if="{{index%3==1}}">
<image src="http://qn.colorcun.com/b.png" class="photo-single" bindtap="lookScale"></image>
</block>
</block>
</view>
<view class="photo-block flex-vl">
<block wx:for="{{item.list}}" wx:for-item="list">
<block wx:if="{{index%3==2}}">
<image src="http://qn.colorcun.com/b.png" class="photo-single" bindtap="lookScale"></image>
</block>
</block>
</view>
</view>
</block>
<view class="gray-deep-font font26r flex-cm" style="padding:30rpx 0;">已加载全部图片</view>
</view>
</view>
... ...
.photo-cover{
width:100%;
}
.photo-coverimg{
width:100%;
height:400rpx;
}
.photo-info{
width:100%;
padding-top:40rpx;
}
.photo-upload{
width:80%;
height:80rpx;
opacity:0.8;
}
.photo-list{
width:100%;
padding-top:40rpx;
padding-bottom:80rpx;
}
.photo-date{
width:240rpx;
height:70rpx;
border:1px solid rgba(252,179,76,0.8);
margin:60rpx 0;
position:relative;
}
.photo-desc{
width:90rpx;
height:40rpx;
position:absolute;
left:-40rpx;
top:-16rpx;
transform:rotate(-45deg);
opacity:0.8;
}
.photo-show{
width:100%;
}
.photo-block{
width:244rpx;
}
.photo-single{
width:100%;
height:244rpx;
margin-bottom:10rpx;
}
\ No newline at end of file
... ...
... ... @@ -54,6 +54,12 @@ Page({
wx.navigateTo({
url:'p_list'
})
}else{
if(index==1){
wx.navigateTo({
url:'p_photo'
})
}
}
}
})
\ No newline at end of file
... ...
... ... @@ -56,7 +56,7 @@ swiper-item{
heigth:200rpx;
margin-right:40rpx;
border-radius:14rpx;
box-shadow:1px 1px 5px rgba(0,0,0,.2);
/*box-shadow:1px 1px 5px rgba(0,0,0,.2);*/
padding:30rpx;
box-sizing:border-box;
margin-bottom:30rpx;
... ... @@ -101,7 +101,7 @@ swiper-item{
padding:0 20rpx;
box-sizing:border-box;
border-radius:12rpx;
box-shadow:0 0 6px rgba(0,0,0,.1);
/*box-shadow:0 0 6px rgba(0,0,0,.1);*/
margin:0 auto;
position:relative;
top:-50rpx;
... ... @@ -115,7 +115,7 @@ swiper-item{
width:690rpx;
min-height:400rpx;
border-radius:12rpx;
box-shadow:0 0 6px rgba(0,0,0,.1);
/*box-shadow:0 0 6px rgba(0,0,0,.1);*/
margin:0 auto;
}
.my-pet-title{
... ...
... ... @@ -23,7 +23,7 @@ page{
border-radius:10rpx;
padding:0 30rpx;
box-sizing:border-box;
box-shadow:0 0 5px rgba(0,0,0,.08);
/*box-shadow:0 0 5px rgba(0,0,0,.08);*/
}
.search-block-single{
height:50rpx;
... ... @@ -37,7 +37,7 @@ page{
border-radius:10rpx;
margin-top:20rpx;
margin-bottom:40rpx;
box-shadow:0 0 5px rgba(0,0,0,.08);
/*box-shadow:0 0 5px rgba(0,0,0,.08);*/
}
.team-block{
width:100%;
... ...