Showing
18 changed files
with
300 additions
and
7 deletions
| @@ -11,7 +11,10 @@ | @@ -11,7 +11,10 @@ | ||
| 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 | + "pages/person/p_photo", |
| 15 | + "pages/topic/t_list", | ||
| 16 | + "pages/topic/t_detail", | ||
| 17 | + "pages/activity/a_list" | ||
| 15 | ], | 18 | ], |
| 16 | "window":{ | 19 | "window":{ |
| 17 | "navigationBarBackgroundColor": "#ffffff", | 20 | "navigationBarBackgroundColor": "#ffffff", |
pages/activity/a_list.js
0 → 100644
pages/activity/a_list.json
0 → 100644
pages/activity/a_list.wxml
0 → 100644
| 1 | +<view class="activity bg-white"> | ||
| 2 | + <image src="http://qn.colorcun.com/b.png" class="actity-image" mode="widthFix"></image> | ||
| 3 | + <view class="activity-info flex-vl"> | ||
| 4 | + <view class="black-font font34r font-bold activity-title">#12月25日萌宠时尚秀</view> | ||
| 5 | + <view class="activity-other flex-lm"> | ||
| 6 | + <view class="gray-font font24r">10-28 14:00</view> | ||
| 7 | + <view class="flex-lm"> | ||
| 8 | + <image src="/pages/image/look.svg" class="activity-look"></image> | ||
| 9 | + <view class="gray-font font24r">98</view> | ||
| 10 | + </view> | ||
| 11 | + </view> | ||
| 12 | + </view> | ||
| 13 | +</view> | ||
| 14 | +<view class="cut"></view> | ||
| 15 | +<view class="activity bg-white"> | ||
| 16 | + <image src="http://qn.colorcun.com/b.png" class="actity-image" mode="widthFix"></image> | ||
| 17 | + <view class="activity-info flex-vl"> | ||
| 18 | + <view class="black-font font34r font-bold activity-title">#12月25日萌宠时尚秀</view> | ||
| 19 | + <view class="activity-other flex-lm"> | ||
| 20 | + <view class="gray-font font24r">10-28 14:00</view> | ||
| 21 | + <view class="flex-lm"> | ||
| 22 | + <image src="/pages/image/look.svg" class="activity-look"></image> | ||
| 23 | + <view class="gray-font font24r">98</view> | ||
| 24 | + </view> | ||
| 25 | + </view> | ||
| 26 | + </view> | ||
| 27 | +</view> | ||
| 28 | +<view class="cut"></view> |
pages/activity/a_list.wxss
0 → 100644
| 1 | +page{ | ||
| 2 | + background:#efeef3; | ||
| 3 | +} | ||
| 4 | +.activity{ | ||
| 5 | + width:100%; | ||
| 6 | + padding:0 30rpx; | ||
| 7 | + padding-top:30rpx; | ||
| 8 | + box-sizing:border-box; | ||
| 9 | +} | ||
| 10 | +.actity-image{ | ||
| 11 | + width:100%; | ||
| 12 | + height:380rpx; | ||
| 13 | +} | ||
| 14 | +.activity-info{ | ||
| 15 | + width:100%; | ||
| 16 | + height:130rpx; | ||
| 17 | + padding:20rpx 20rpx; | ||
| 18 | + box-sizing:border-box; | ||
| 19 | +} | ||
| 20 | +.activity-title{ | ||
| 21 | + margin-bottom:20rpx; | ||
| 22 | +} | ||
| 23 | +.activity-look{ | ||
| 24 | + width:36rpx; | ||
| 25 | + height:36rpx; | ||
| 26 | + margin-left:40rpx; | ||
| 27 | + margin-right:10rpx; | ||
| 28 | +} |
pages/image/vote.svg
0 → 100644
| 1 | +<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1541146667222" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5912" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M971.845 917.943c24.178 0 43.813 16.985 43.813 38.4 0 21.414-19.635 38.4-43.813 38.4H52.118c-24.177 0-43.774-16.986-43.774-38.4 0-21.415 19.598-38.4 43.774-38.4h919.727z" p-id="5913" fill="#fcb34c"></path><path d="M473.6 939.05c0 30.758-24.934 55.693-55.693 55.693h-5.643c-30.758 0-55.693-24.935-55.693-55.693V547.58c0-30.759 24.935-55.693 55.693-55.693h5.643c30.759 0 55.693 24.934 55.693 55.693V939.05zM241.371 933.564c0 30.759-24.934 55.693-55.692 55.693h-5.643c-30.759 0-55.693-24.934-55.693-55.693V734.093c0-30.759 24.934-55.693 55.693-55.693h5.643c30.758 0 55.692 24.934 55.692 55.693v199.471zM938.057 933.564c0 30.759-24.936 55.693-55.693 55.693h-5.643c-30.756 0-55.692-24.934-55.692-55.693V313.521c0-30.758 24.936-55.692 55.692-55.692h5.643c30.757 0 55.693 24.934 55.693 55.692v620.043zM705.829 939.489c0 30.835-25.123 55.254-55.997 55.254h-4.463c-30.874 0-56.569-24.419-56.569-55.254V82.683c0-30.856 25.695-55.254 56.569-55.254h4.463c30.874 0 55.997 24.398 55.997 55.254v856.806z" p-id="5914" fill="#fcb34c"></path></svg> |
| @@ -30,12 +30,12 @@ Page({ | @@ -30,12 +30,12 @@ Page({ | ||
| 30 | { | 30 | { |
| 31 | icon:'/pages/image/mid-say.svg', | 31 | icon:'/pages/image/mid-say.svg', |
| 32 | title:'话题', | 32 | title:'话题', |
| 33 | - path:'' | 33 | + path:'/pages/topic/t_list' |
| 34 | }, | 34 | }, |
| 35 | { | 35 | { |
| 36 | icon:'/pages/image/mid-act.svg', | 36 | icon:'/pages/image/mid-act.svg', |
| 37 | title:'活动', | 37 | title:'活动', |
| 38 | - path:'' | 38 | + path:'/pages/activity/a_list' |
| 39 | } | 39 | } |
| 40 | ], | 40 | ], |
| 41 | isshow:false, | 41 | isshow:false, |
| 1 | <!--<topTab></topTab>--> | 1 | <!--<topTab></topTab>--> |
| 2 | -<view hidden="{{home}}"> | ||
| 3 | <view class="banner"> | 2 | <view class="banner"> |
| 4 | <swiper> | 3 | <swiper> |
| 5 | <block wx:for="{{banners}}"> | 4 | <block wx:for="{{banners}}"> |
| @@ -135,7 +134,6 @@ | @@ -135,7 +134,6 @@ | ||
| 135 | <view class="gray-deep-font font26r flex-cm font-siny" style="padding:20rpx 0;">- 已经到底啦 -</view> | 134 | <view class="gray-deep-font font26r flex-cm font-siny" style="padding:20rpx 0;">- 已经到底啦 -</view> |
| 136 | </view> | 135 | </view> |
| 137 | </view> | 136 | </view> |
| 138 | -</view> | ||
| 139 | 137 | ||
| 140 | 138 | ||
| 141 | <view class="menu fixed" style="right:{{menuright}}rpx;bottom:{{menubottom}}rpx;" catchtouchmove="menumove"> | 139 | <view class="menu fixed" style="right:{{menuright}}rpx;bottom:{{menubottom}}rpx;" catchtouchmove="menumove"> |
| @@ -7,7 +7,7 @@ | @@ -7,7 +7,7 @@ | ||
| 7 | <block wx:for="{{photo_list}}"> | 7 | <block wx:for="{{photo_list}}"> |
| 8 | <view class="photo-date flex-cm"> | 8 | <view class="photo-date flex-cm"> |
| 9 | <view class="bg-orange photo-desc"></view> | 9 | <view class="bg-orange photo-desc"></view> |
| 10 | - <view class="orange-font font30r flex-cm">{{item.date}}</view> | 10 | + <view class="orange-font font32r flex-cm">{{item.date}}</view> |
| 11 | </view> | 11 | </view> |
| 12 | <view class="photo-show flex-lrt"> | 12 | <view class="photo-show flex-lrt"> |
| 13 | <view class="photo-block flex-vl"> | 13 | <view class="photo-block flex-vl"> |
| 1 | { | 1 | { |
| 2 | "backgroundTextStyle":"light", | 2 | "backgroundTextStyle":"light", |
| 3 | - "navigationBarBackgroundColor": "#f7f7f7", | 3 | + "navigationBarBackgroundColor": "#ffffff", |
| 4 | "navigationBarTextStyle":"black", | 4 | "navigationBarTextStyle":"black", |
| 5 | "navigationBarTitleText":"组队溜" | 5 | "navigationBarTitleText":"组队溜" |
| 6 | } | 6 | } |
pages/topic/t_detail.js
0 → 100644
| 1 | +Page({ | ||
| 2 | + data:{ | ||
| 3 | + votelist:['洁癖晚期','一个字"穷"','各有所爱','嫌麻烦','心软害怕失去','其他'], | ||
| 4 | + voteres:[ | ||
| 5 | + { | ||
| 6 | + per:10, | ||
| 7 | + title:'洁癖晚期' | ||
| 8 | + }, | ||
| 9 | + { | ||
| 10 | + per:16, | ||
| 11 | + title:'一个字"穷"' | ||
| 12 | + }, | ||
| 13 | + { | ||
| 14 | + per:14, | ||
| 15 | + title:'各有所爱' | ||
| 16 | + }, | ||
| 17 | + { | ||
| 18 | + per:20, | ||
| 19 | + title:'嫌麻烦' | ||
| 20 | + }, | ||
| 21 | + { | ||
| 22 | + per:30, | ||
| 23 | + title:'心软害怕失去' | ||
| 24 | + }, | ||
| 25 | + { | ||
| 26 | + per:10, | ||
| 27 | + title:'其他' | ||
| 28 | + }, | ||
| 29 | + ] | ||
| 30 | + } | ||
| 31 | +}) |
pages/topic/t_detail.json
0 → 100644
pages/topic/t_detail.wxml
0 → 100644
| 1 | +<view class="topic-title black-font font34r font-bold">让我们揣测一下不养宠物的人是因为什么?</view> | ||
| 2 | +<image src="http://qn.colorcun.com/b.png" class="topic-coverimg"></image> | ||
| 3 | +<view class="topic-content black-font font28r">我们身边有很多没有养宠物但是喜欢宠物的人,看着宠物可爱的样子,但是还是没有下定决心,因为养了就要对他们负责,那么你感觉那些没有养宠物的人是因为什么呢?</view> | ||
| 4 | +<view class="border-cut"> | ||
| 5 | + <view class="border-circle border-circle-left"></view> | ||
| 6 | + <view class="border-line"></view> | ||
| 7 | + <view class="border-circle border-circle-right"></view> | ||
| 8 | +</view> | ||
| 9 | +<view class="topic-vote flex-lr"> | ||
| 10 | + <view class="topic-vote-count flex-lm"> | ||
| 11 | + <image src="/pages/image/vote.svg" class="vote-icon"></image> | ||
| 12 | + <view class="black-font font28r">票选结果</view> | ||
| 13 | + </view> | ||
| 14 | + <view class="gray-deep-font font24r">100人已经参与了投票</view> | ||
| 15 | +</view> | ||
| 16 | +<view class="topic-vote-res flex-vc"> | ||
| 17 | + <block wx:for="{{voteres}}"> | ||
| 18 | + <view class="topic-reason-res white-font font28r flex-vl"> | ||
| 19 | + <view class="flex-lr topic-data"> | ||
| 20 | + <view class="orange-font font30r">{{item.per}}%</view> | ||
| 21 | + <view class="black-font font28r">{{item.title}}</view> | ||
| 22 | + </view> | ||
| 23 | + <view class="topic-res bg-gray"> | ||
| 24 | + <view class="topic-res-select bg-orange" style="width:{{item.per/100*600}}rpx;"></view> | ||
| 25 | + </view> | ||
| 26 | + </view> | ||
| 27 | + </block> | ||
| 28 | +</view> | ||
| 29 | +<view class="vote-act bg-orange white-font font32r fixed left bottom flex-cm">投票</view> |
pages/topic/t_detail.wxss
0 → 100644
| 1 | +.topic-title{ | ||
| 2 | + width:100%; | ||
| 3 | + padding:0 30rpx; | ||
| 4 | + box-sizing:border-box; | ||
| 5 | + line-height:1.6; | ||
| 6 | + margin-top:20rpx; | ||
| 7 | +} | ||
| 8 | +.topic-coverimg{ | ||
| 9 | + width:690rpx; | ||
| 10 | + height:300rpx; | ||
| 11 | + margin:40rpx auto; | ||
| 12 | +} | ||
| 13 | +.topic-content{ | ||
| 14 | + width:100%; | ||
| 15 | + padding:0 30rpx; | ||
| 16 | + box-sizing:border-box; | ||
| 17 | + line-height:1.6; | ||
| 18 | + margin:40rpx 0 60rpx; | ||
| 19 | +} | ||
| 20 | +.border-cut{ | ||
| 21 | + width:100%; | ||
| 22 | + height:13px; | ||
| 23 | + position:relative; | ||
| 24 | +} | ||
| 25 | +.border-circle{ | ||
| 26 | + width:13px; | ||
| 27 | + height:13px; | ||
| 28 | + border-radius:50%; | ||
| 29 | + position:absolute; | ||
| 30 | + top:0; | ||
| 31 | + background:#cfcfcf; | ||
| 32 | +} | ||
| 33 | +.border-circle-left{ | ||
| 34 | + left:-6px; | ||
| 35 | +} | ||
| 36 | +.border-circle-right{ | ||
| 37 | + right:-6px; | ||
| 38 | +} | ||
| 39 | +.border-line{ | ||
| 40 | + position:absolute; | ||
| 41 | + left:7px; | ||
| 42 | + right:7px; | ||
| 43 | + top:6px; | ||
| 44 | + border-top:1px dashed #cecece; | ||
| 45 | +} | ||
| 46 | +.topic-vote{ | ||
| 47 | + width:100%; | ||
| 48 | + height:90rpx; | ||
| 49 | + padding:0 30rpx; | ||
| 50 | + padding-top:30rpx; | ||
| 51 | + box-sizing:border-box; | ||
| 52 | +} | ||
| 53 | +.vote-icon{ | ||
| 54 | + width:40rpx; | ||
| 55 | + height:40rpx; | ||
| 56 | + margin-right:14rpx; | ||
| 57 | +} | ||
| 58 | +.topic-vote-res{ | ||
| 59 | + width:100%; | ||
| 60 | + padding:40rpx 0; | ||
| 61 | + padding-bottom:160rpx; | ||
| 62 | + box-sizing:border-box; | ||
| 63 | +} | ||
| 64 | +.topic-reason-res{ | ||
| 65 | + width:600rpx; | ||
| 66 | + height:80rpx; | ||
| 67 | + margin-bottom:30rpx; | ||
| 68 | +} | ||
| 69 | +.topic-data{ | ||
| 70 | + width:100%; | ||
| 71 | + padding-bottom:14rpx; | ||
| 72 | +} | ||
| 73 | +.topic-res{ | ||
| 74 | + width:100%; | ||
| 75 | + height:20rpx; | ||
| 76 | +} | ||
| 77 | +.topic-res-select{ | ||
| 78 | + height:100%; | ||
| 79 | +} | ||
| 80 | +.vote-act{ | ||
| 81 | + width:100%; | ||
| 82 | + height:100rpx; | ||
| 83 | + background:#ffc16a; | ||
| 84 | +} |
pages/topic/t_list.js
0 → 100644
| 1 | +Page({ | ||
| 2 | + data:{ | ||
| 3 | + topiclist:[ | ||
| 4 | + { | ||
| 5 | + id:1, | ||
| 6 | + title:'你认为最有爱的场景是什么', | ||
| 7 | + count:110 | ||
| 8 | + }, | ||
| 9 | + { | ||
| 10 | + id:2, | ||
| 11 | + title:'让我们揣测一下不养宠物的人是因为什么', | ||
| 12 | + count:8 | ||
| 13 | + }, | ||
| 14 | + { | ||
| 15 | + id:3, | ||
| 16 | + title:'当喵星人睡觉时,有哪些习惯', | ||
| 17 | + count:110 | ||
| 18 | + }, | ||
| 19 | + { | ||
| 20 | + id:2, | ||
| 21 | + title:'家中宠物在美食的诱惑下有哪些异常', | ||
| 22 | + count:12 | ||
| 23 | + } | ||
| 24 | + ] | ||
| 25 | + } | ||
| 26 | +}) |
pages/topic/t_list.json
0 → 100644
pages/topic/t_list.wxml
0 → 100644
| 1 | +<view class="topic-list"> | ||
| 2 | + <block wx:for="{{topiclist}}"> | ||
| 3 | + <view class="topic-kind flex-lr"> | ||
| 4 | + <view><image src="http://qn.colorcun.com/b.png" class="topic-coverimg"></image></view> | ||
| 5 | + <view class="topic-info flex-vl"> | ||
| 6 | + <view class="black-font font32r font-bold font-more topic-title">{{item.title}}</view> | ||
| 7 | + <view class="topic-vote flex-lm"> | ||
| 8 | + <image src="/pages/image/vote.svg" class="vote-icon"></image> | ||
| 9 | + <view class="gray-font font28r">{{item.count}}人已经参与了投票</view> | ||
| 10 | + </view> | ||
| 11 | + </view> | ||
| 12 | + </view> | ||
| 13 | + </block> | ||
| 14 | +</view> |
pages/topic/t_list.wxss
0 → 100644
| 1 | +.topic-list{ | ||
| 2 | + width:100%; | ||
| 3 | + padding:0 30rpx; | ||
| 4 | + box-sizing:border-box; | ||
| 5 | +} | ||
| 6 | +.topic-kind{ | ||
| 7 | + width:100%; | ||
| 8 | + height:180rpx; | ||
| 9 | + border-bottom:1px solid #efeef3; | ||
| 10 | +} | ||
| 11 | +.topic-coverimg{ | ||
| 12 | + width:130rpx; | ||
| 13 | + height:130rpx; | ||
| 14 | + border-radius:50%; | ||
| 15 | +} | ||
| 16 | +.topic-info{ | ||
| 17 | + width:550rpx; | ||
| 18 | + padding-left:20rpx; | ||
| 19 | + box-sizing:border-box; | ||
| 20 | +} | ||
| 21 | +.topic-title{ | ||
| 22 | + width:100%; | ||
| 23 | + display:block; | ||
| 24 | + margin-bottom:20rpx; | ||
| 25 | +} | ||
| 26 | +.vote-icon{ | ||
| 27 | + width:34rpx; | ||
| 28 | + height:34rpx; | ||
| 29 | + margin-right:14rpx; | ||
| 30 | +} |
-
Please register or login to post a comment