xt / xt-ac · Commits

Go to a project

Commit 28bff3f3aad546d18c87c4ebac8aa9f098b58a0c

Authored by zhangyan
1 parent 534e3f02
build: skipped

no message

Inline Side-by-side
Showing 18 changed files with 300 additions and 7 deletions
... ... @@ -11,7 +11,10 @@
"pages/question/q_detail",
"pages/person/person",
"pages/person/p_list",
"pages/person/p_photo"
"pages/person/p_photo",
"pages/topic/t_list",
"pages/topic/t_detail",
"pages/activity/a_list"
],
"window":{
"navigationBarBackgroundColor": "#ffffff",
... ...
Page({
})
\ No newline at end of file
... ...
{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle":"black",
"navigationBarTitleText":"活动"
}
\ No newline at end of file
... ...
<view class="activity bg-white">
<image src="http://qn.colorcun.com/b.png" class="actity-image" mode="widthFix"></image>
<view class="activity-info flex-vl">
<view class="black-font font34r font-bold activity-title">#12月25日萌宠时尚秀</view>
<view class="activity-other flex-lm">
<view class="gray-font font24r">10-28 14:00</view>
<view class="flex-lm">
<image src="/pages/image/look.svg" class="activity-look"></image>
<view class="gray-font font24r">98</view>
</view>
</view>
</view>
</view>
<view class="cut"></view>
<view class="activity bg-white">
<image src="http://qn.colorcun.com/b.png" class="actity-image" mode="widthFix"></image>
<view class="activity-info flex-vl">
<view class="black-font font34r font-bold activity-title">#12月25日萌宠时尚秀</view>
<view class="activity-other flex-lm">
<view class="gray-font font24r">10-28 14:00</view>
<view class="flex-lm">
<image src="/pages/image/look.svg" class="activity-look"></image>
<view class="gray-font font24r">98</view>
</view>
</view>
</view>
</view>
<view class="cut"></view>
\ No newline at end of file
... ...
page{
background:#efeef3;
}
.activity{
width:100%;
padding:0 30rpx;
padding-top:30rpx;
box-sizing:border-box;
}
.actity-image{
width:100%;
height:380rpx;
}
.activity-info{
width:100%;
height:130rpx;
padding:20rpx 20rpx;
box-sizing:border-box;
}
.activity-title{
margin-bottom:20rpx;
}
.activity-look{
width:36rpx;
height:36rpx;
margin-left:40rpx;
margin-right:10rpx;
}
\ No newline at end of file
... ...
<?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>
\ No newline at end of file
... ...
... ... @@ -30,12 +30,12 @@ Page({
{
icon:'/pages/image/mid-say.svg',
title:'话题',
path:''
path:'/pages/topic/t_list'
},
{
icon:'/pages/image/mid-act.svg',
title:'活动',
path:''
path:'/pages/activity/a_list'
}
],
isshow:false,
... ...
<!--<topTab></topTab>-->
<view hidden="{{home}}">
<view class="banner">
<swiper>
<block wx:for="{{banners}}">
... ... @@ -135,7 +134,6 @@
<view class="gray-deep-font font26r flex-cm font-siny" style="padding:20rpx 0;">- 已经到底啦 -</view>
</view>
</view>
</view>
<view class="menu fixed" style="right:{{menuright}}rpx;bottom:{{menubottom}}rpx;" catchtouchmove="menumove">
... ...
... ... @@ -7,7 +7,7 @@
<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 class="orange-font font32r flex-cm">{{item.date}}</view>
</view>
<view class="photo-show flex-lrt">
<view class="photo-block flex-vl">
... ...
{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#f7f7f7",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle":"black",
"navigationBarTitleText":"组队溜"
}
\ No newline at end of file
... ...
Page({
data:{
votelist:['洁癖晚期','一个字"穷"','各有所爱','嫌麻烦','心软害怕失去','其他'],
voteres:[
{
per:10,
title:'洁癖晚期'
},
{
per:16,
title:'一个字"穷"'
},
{
per:14,
title:'各有所爱'
},
{
per:20,
title:'嫌麻烦'
},
{
per:30,
title:'心软害怕失去'
},
{
per:10,
title:'其他'
},
]
}
})
\ No newline at end of file
... ...
{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle":"black",
"navigationBarTitleText":"话题详情"
}
\ No newline at end of file
... ...
<view class="topic-title black-font font34r font-bold">让我们揣测一下不养宠物的人是因为什么?</view>
<image src="http://qn.colorcun.com/b.png" class="topic-coverimg"></image>
<view class="topic-content black-font font28r">我们身边有很多没有养宠物但是喜欢宠物的人，看着宠物可爱的样子，但是还是没有下定决心，因为养了就要对他们负责，那么你感觉那些没有养宠物的人是因为什么呢？</view>
<view class="border-cut">
<view class="border-circle border-circle-left"></view>
<view class="border-line"></view>
<view class="border-circle border-circle-right"></view>
</view>
<view class="topic-vote flex-lr">
<view class="topic-vote-count flex-lm">
<image src="/pages/image/vote.svg" class="vote-icon"></image>
<view class="black-font font28r">票选结果</view>
</view>
<view class="gray-deep-font font24r">100人已经参与了投票</view>
</view>
<view class="topic-vote-res flex-vc">
<block wx:for="{{voteres}}">
<view class="topic-reason-res white-font font28r flex-vl">
<view class="flex-lr topic-data">
<view class="orange-font font30r">{{item.per}}%</view>
<view class="black-font font28r">{{item.title}}</view>
</view>
<view class="topic-res bg-gray">
<view class="topic-res-select bg-orange" style="width:{{item.per/100*600}}rpx;"></view>
</view>
</view>
</block>
</view>
<view class="vote-act bg-orange white-font font32r fixed left bottom flex-cm">投票</view>
... ...
.topic-title{
width:100%;
padding:0 30rpx;
box-sizing:border-box;
line-height:1.6;
margin-top:20rpx;
}
.topic-coverimg{
width:690rpx;
height:300rpx;
margin:40rpx auto;
}
.topic-content{
width:100%;
padding:0 30rpx;
box-sizing:border-box;
line-height:1.6;
margin:40rpx 0 60rpx;
}
.border-cut{
width:100%;
height:13px;
position:relative;
}
.border-circle{
width:13px;
height:13px;
border-radius:50%;
position:absolute;
top:0;
background:#cfcfcf;
}
.border-circle-left{
left:-6px;
}
.border-circle-right{
right:-6px;
}
.border-line{
position:absolute;
left:7px;
right:7px;
top:6px;
border-top:1px dashed #cecece;
}
.topic-vote{
width:100%;
height:90rpx;
padding:0 30rpx;
padding-top:30rpx;
box-sizing:border-box;
}
.vote-icon{
width:40rpx;
height:40rpx;
margin-right:14rpx;
}
.topic-vote-res{
width:100%;
padding:40rpx 0;
padding-bottom:160rpx;
box-sizing:border-box;
}
.topic-reason-res{
width:600rpx;
height:80rpx;
margin-bottom:30rpx;
}
.topic-data{
width:100%;
padding-bottom:14rpx;
}
.topic-res{
width:100%;
height:20rpx;
}
.topic-res-select{
height:100%;
}
.vote-act{
width:100%;
height:100rpx;
background:#ffc16a;
}
\ No newline at end of file
... ...
Page({
data:{
topiclist:[
{
id:1,
title:'你认为最有爱的场景是什么',
count:110
},
{
id:2,
title:'让我们揣测一下不养宠物的人是因为什么',
count:8
},
{
id:3,
title:'当喵星人睡觉时，有哪些习惯',
count:110
},
{
id:2,
title:'家中宠物在美食的诱惑下有哪些异常',
count:12
}
]
}
})
\ No newline at end of file
... ...
{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fcb34c",
"navigationBarTextStyle":"white",
"navigationBarTitleText":"热门话题"
}
\ No newline at end of file
... ...
<view class="topic-list">
<block wx:for="{{topiclist}}">
<view class="topic-kind flex-lr">
<view><image src="http://qn.colorcun.com/b.png" class="topic-coverimg"></image></view>
<view class="topic-info flex-vl">
<view class="black-font font32r font-bold font-more topic-title">{{item.title}}</view>
<view class="topic-vote flex-lm">
<image src="/pages/image/vote.svg" class="vote-icon"></image>
<view class="gray-font font28r">{{item.count}}人已经参与了投票</view>
</view>
</view>
</view>
</block>
</view>
\ No newline at end of file
... ...
.topic-list{
width:100%;
padding:0 30rpx;
box-sizing:border-box;
}
.topic-kind{
width:100%;
height:180rpx;
border-bottom:1px solid #efeef3;
}
.topic-coverimg{
width:130rpx;
height:130rpx;
border-radius:50%;
}
.topic-info{
width:550rpx;
padding-left:20rpx;
box-sizing:border-box;
}
.topic-title{
width:100%;
display:block;
margin-bottom:20rpx;
}
.vote-icon{
width:34rpx;
height:34rpx;
margin-right:14rpx;
}
\ No newline at end of file
... ...