Commit 534e3f02c6b7fe7a18533ae0a3794e9c53e57b7f

Authored by zhangyan
1 parent 607a55e6

no message

@@ -10,7 +10,8 @@ @@ -10,7 +10,8 @@
10 "pages/question/question", 10 "pages/question/question",
11 "pages/question/q_detail", 11 "pages/question/q_detail",
12 "pages/person/person", 12 "pages/person/person",
13 - "pages/person/p_list" 13 + "pages/person/p_list",
  14 + "pages/person/p_photo"
14 ], 15 ],
15 "window":{ 16 "window":{
16 "navigationBarBackgroundColor": "#ffffff", 17 "navigationBarBackgroundColor": "#ffffff",
  1 +Page({
  2 + data:{
  3 + photo_list:[
  4 + {
  5 + date:'2018-10-25',
  6 + list:[1,2,3,4,5,6,7,8,9]
  7 + },
  8 + {
  9 + date:'2018-10-27',
  10 + list:[1,2,3,4,5,6,7,8,9]
  11 + },
  12 + {
  13 + date:'2018-10-30',
  14 + list:[1,2,3,4,5,6]
  15 + },
  16 + {
  17 + date:'2018-10-31',
  18 + list:[1,2,3,4,5]
  19 + },
  20 + {
  21 + date:'2018-11-02',
  22 + list:[1,2,3,4,5,6,7,8,9,10,11]
  23 + }
  24 + ]
  25 + },
  26 + onLoad:function () {
  27 +
  28 + },
  29 + onShow:function () {
  30 +
  31 + },
  32 + lookScale:function(){
  33 + wx.previewImage({
  34 + current: 'http://qn.colorcun.com/b.png', // 当前显示图片的http链接
  35 + urls: ['http://qn.colorcun.com/a.jpeg','http://qn.colorcun.com/b.png','http://qn.colorcun.com/c.png'] // 需要预览的图片http链接列表
  36 + })
  37 + }
  38 +})
  1 +<view class="photo-cover">
  2 + <image src="http://qn.colorcun.com/b.png" class="photo-coverimg" mode="widthFix"></image>
  3 +</view>
  4 +<view class="photo-info flex-vc">
  5 + <view class="photo-upload white-font font30r flex-cm bg-orange">上传照片</view>
  6 + <view class="photo-list flex-vc">
  7 + <block wx:for="{{photo_list}}">
  8 + <view class="photo-date flex-cm">
  9 + <view class="bg-orange photo-desc"></view>
  10 + <view class="orange-font font30r flex-cm">{{item.date}}</view>
  11 + </view>
  12 + <view class="photo-show flex-lrt">
  13 + <view class="photo-block flex-vl">
  14 + <block wx:for="{{item.list}}" wx:for-item="list">
  15 + <block wx:if="{{index%3==0}}">
  16 + <image src="http://qn.colorcun.com/b.png" class="photo-single" bindtap="lookScale"></image>
  17 + </block>
  18 + </block>
  19 + </view>
  20 + <view class="photo-block flex-vl">
  21 + <block wx:for="{{item.list}}" wx:for-item="list">
  22 + <block wx:if="{{index%3==1}}">
  23 + <image src="http://qn.colorcun.com/b.png" class="photo-single" bindtap="lookScale"></image>
  24 + </block>
  25 + </block>
  26 + </view>
  27 + <view class="photo-block flex-vl">
  28 + <block wx:for="{{item.list}}" wx:for-item="list">
  29 + <block wx:if="{{index%3==2}}">
  30 + <image src="http://qn.colorcun.com/b.png" class="photo-single" bindtap="lookScale"></image>
  31 + </block>
  32 + </block>
  33 + </view>
  34 + </view>
  35 + </block>
  36 + <view class="gray-deep-font font26r flex-cm" style="padding:30rpx 0;">已加载全部图片</view>
  37 + </view>
  38 +</view>
  1 +.photo-cover{
  2 + width:100%;
  3 +}
  4 +.photo-coverimg{
  5 + width:100%;
  6 + height:400rpx;
  7 +}
  8 +.photo-info{
  9 + width:100%;
  10 + padding-top:40rpx;
  11 +}
  12 +.photo-upload{
  13 + width:80%;
  14 + height:80rpx;
  15 + opacity:0.8;
  16 +}
  17 +.photo-list{
  18 + width:100%;
  19 + padding-top:40rpx;
  20 + padding-bottom:80rpx;
  21 +}
  22 +.photo-date{
  23 + width:240rpx;
  24 + height:70rpx;
  25 + border:1px solid rgba(252,179,76,0.8);
  26 + margin:60rpx 0;
  27 + position:relative;
  28 +}
  29 +.photo-desc{
  30 + width:90rpx;
  31 + height:40rpx;
  32 + position:absolute;
  33 + left:-40rpx;
  34 + top:-16rpx;
  35 + transform:rotate(-45deg);
  36 + opacity:0.8;
  37 +}
  38 +.photo-show{
  39 + width:100%;
  40 +}
  41 +.photo-block{
  42 + width:244rpx;
  43 +}
  44 +.photo-single{
  45 + width:100%;
  46 + height:244rpx;
  47 + margin-bottom:10rpx;
  48 +}
@@ -54,6 +54,12 @@ Page({ @@ -54,6 +54,12 @@ Page({
54 wx.navigateTo({ 54 wx.navigateTo({
55 url:'p_list' 55 url:'p_list'
56 }) 56 })
  57 + }else{
  58 + if(index==1){
  59 + wx.navigateTo({
  60 + url:'p_photo'
  61 + })
  62 + }
57 } 63 }
58 } 64 }
59 }) 65 })
@@ -56,7 +56,7 @@ swiper-item{ @@ -56,7 +56,7 @@ swiper-item{
56 heigth:200rpx; 56 heigth:200rpx;
57 margin-right:40rpx; 57 margin-right:40rpx;
58 border-radius:14rpx; 58 border-radius:14rpx;
59 - box-shadow:1px 1px 5px rgba(0,0,0,.2); 59 + /*box-shadow:1px 1px 5px rgba(0,0,0,.2);*/
60 padding:30rpx; 60 padding:30rpx;
61 box-sizing:border-box; 61 box-sizing:border-box;
62 margin-bottom:30rpx; 62 margin-bottom:30rpx;
@@ -101,7 +101,7 @@ swiper-item{ @@ -101,7 +101,7 @@ swiper-item{
101 padding:0 20rpx; 101 padding:0 20rpx;
102 box-sizing:border-box; 102 box-sizing:border-box;
103 border-radius:12rpx; 103 border-radius:12rpx;
104 - box-shadow:0 0 6px rgba(0,0,0,.1); 104 + /*box-shadow:0 0 6px rgba(0,0,0,.1);*/
105 margin:0 auto; 105 margin:0 auto;
106 position:relative; 106 position:relative;
107 top:-50rpx; 107 top:-50rpx;
@@ -115,7 +115,7 @@ swiper-item{ @@ -115,7 +115,7 @@ swiper-item{
115 width:690rpx; 115 width:690rpx;
116 min-height:400rpx; 116 min-height:400rpx;
117 border-radius:12rpx; 117 border-radius:12rpx;
118 - box-shadow:0 0 6px rgba(0,0,0,.1); 118 + /*box-shadow:0 0 6px rgba(0,0,0,.1);*/
119 margin:0 auto; 119 margin:0 auto;
120 } 120 }
121 .my-pet-title{ 121 .my-pet-title{
@@ -23,7 +23,7 @@ page{ @@ -23,7 +23,7 @@ page{
23 border-radius:10rpx; 23 border-radius:10rpx;
24 padding:0 30rpx; 24 padding:0 30rpx;
25 box-sizing:border-box; 25 box-sizing:border-box;
26 - box-shadow:0 0 5px rgba(0,0,0,.08); 26 + /*box-shadow:0 0 5px rgba(0,0,0,.08);*/
27 } 27 }
28 .search-block-single{ 28 .search-block-single{
29 height:50rpx; 29 height:50rpx;
@@ -37,7 +37,7 @@ page{ @@ -37,7 +37,7 @@ page{
37 border-radius:10rpx; 37 border-radius:10rpx;
38 margin-top:20rpx; 38 margin-top:20rpx;
39 margin-bottom:40rpx; 39 margin-bottom:40rpx;
40 - box-shadow:0 0 5px rgba(0,0,0,.08); 40 + /*box-shadow:0 0 5px rgba(0,0,0,.08);*/
41 } 41 }
42 .team-block{ 42 .team-block{
43 width:100%; 43 width:100%;