Showing
8 changed files
with
138 additions
and
6 deletions
| @@ -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", |
pages/person/p_photo.js
0 → 100644
| 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 | +}) |
pages/person/p_photo.json
0 → 100644
| 1 | +{} |
pages/person/p_photo.wxml
0 → 100644
| 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> |
pages/person/p_photo.wxss
0 → 100644
| 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 | +} |
| @@ -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%; |
-
Please register or login to post a comment