Commit 28bff3f3aad546d18c87c4ebac8aa9f098b58a0c

Authored by zhangyan
1 parent 534e3f02

no message

@@ -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",
  1 +Page({
  2 +
  3 +})
  1 +{
  2 + "backgroundTextStyle":"light",
  3 + "navigationBarBackgroundColor": "#ffffff",
  4 + "navigationBarTextStyle":"black",
  5 + "navigationBarTitleText":"活动"
  6 +}
  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>
  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 +}
  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 }
  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 +})
  1 +{
  2 + "backgroundTextStyle":"light",
  3 + "navigationBarBackgroundColor": "#ffffff",
  4 + "navigationBarTextStyle":"black",
  5 + "navigationBarTitleText":"话题详情"
  6 +}
  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>
  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 +}
  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 +})
  1 +{
  2 + "backgroundTextStyle":"light",
  3 + "navigationBarBackgroundColor": "#fcb34c",
  4 + "navigationBarTextStyle":"white",
  5 + "navigationBarTitleText":"热门话题"
  6 +}
  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>
  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 +}