Commit bae75711417d922112d38a64039e3804c2548f44

Authored by zhangyan
1 parent daa9f0b3

no message

1 -<view class="typelist flex-lr"> 1 +<view class="typelist flex-lr fixed left top bg-white">
2 <block wx:for="{{selectlist}}"> 2 <block wx:for="{{selectlist}}">
3 - <view class="font30r font-siny type-block {{item.isactive==true ? 'bg-orange white-font' : 'gray-deep-font'}} flex-cm">{{item.title}}</view> 3 + <view class="font30r font-siny type-block {{item.isactive==true ? 'orange-font' : 'gray-deep-font'}} flex-cm">{{item.title}}</view>
4 </block> 4 </block>
5 </view> 5 </view>
  6 +<view style="height:70rpx;"></view>
  7 +<view class="banner">
  8 + <view class="banner-cover">
  9 + <image src="http://qn.colorcun.com/b.png" class="banner-image"></image>
  10 + <view class="white-font font32r font-siny font-more banner-title flex-lm">平常喂金毛吃鸡肝,有哪些危害?</view>
  11 + </view>
  12 + <view class="banner-info font-more font28r font-siny gray-deep-font">有些主人看到金毛喜欢吃鸡肝,就会肆无忌惮的喂金毛吃鸡肝,殊不知发反反复复</view>
  13 +</view>
  14 +<view class="cut bg-gray"></view>
6 <view class="question-list"> 15 <view class="question-list">
7 <block wx:for="{{selectlist}}"> 16 <block wx:for="{{selectlist}}">
8 - <view class="question-block flex-vc">  
9 - <view class="flex-lm question-top" style="width:100%;padding:0 30rpx;box-sizing:border-box;">  
10 - <image src="/pages/image/topic3.jpg" class="question-image" mode="scaleToFill"></image>  
11 - <view class="flex-vc question-act">  
12 - <view class="flex-vc" style="margin-bottom:40rpx;">  
13 - <image src="/pages/image/look.svg" class="question-icon"></image>  
14 - <view class="orange-font font28r font-siny">3000</view>  
15 - </view>  
16 - <view class="flex-vc">  
17 - <image src="/pages/image/remark.svg" class="question-icon"></image>  
18 - <view class="orange-font font28r font-siny">300</view>  
19 - </view>  
20 - </view>  
21 - </view>  
22 - <view class="flex-vl" style="width:100%;padding:0 30rpx;box-sizing:border-box;">  
23 - <view class="black-font font30r font-bold">平常喂金毛吃鸡肝,有哪些危害?</view>  
24 - <view class="font-more gray-deep-font font24r" style="width:100%;display:block;margin-top:4rpx;">有些主人看到金毛喜欢吃鸡肝,就会肆无忌惮的喂金毛吃鸡肝,殊不知发反反复复</view> 17 + <view class="question-block flex-lr">
  18 + <view class="flex-vl" style="width:490rpx;padding-right:30rpx;box-sizing:border-box;">
  19 + <view class="black-font font30r font-bold font-more" style="width:100%;display:block;">平常喂金毛吃鸡肝,有哪些危害?</view>
  20 + <view class="font-more gray-deep-font font24r" style="width:100%;display:block;margin-top:20rpx;">有些主人看到金毛喜欢吃鸡肝,就会肆无忌惮的喂金毛吃鸡肝,殊不知发反反复复殊不知发反反复复殊不知发反反复复殊不知发反反复复</view>
25 </view> 21 </view>
  22 + <image src="/pages/image/topic3.jpg" class="question-image" mode="aspectFill"></image>
26 </view> 23 </view>
27 </block> 24 </block>
28 </view> 25 </view>
@@ -3,28 +3,54 @@ @@ -3,28 +3,54 @@
3 } 3 }
4 .typelist{ 4 .typelist{
5 width:100%; 5 width:100%;
6 - height:50rpx; 6 + height:70rpx;
7 padding:0 40rpx; 7 padding:0 40rpx;
  8 + border-bottom:1px solid #efeef3;
8 box-sizing:border-box; 9 box-sizing:border-box;
  10 + z-index:10;
9 } 11 }
10 .type-block{ 12 .type-block{
11 height:100%; 13 height:100%;
12 - padding:0 15rpx; 14 + padding:0 16rpx;
13 border-radius:4rpx; 15 border-radius:4rpx;
  16 + box-sizing:border-box;
  17 +}
  18 +.border-bottom{
  19 + border-bottom:2px solid #fe9401;
  20 +}
  21 +.banner-cover{
  22 + width:100%;
  23 + height:400rpx;
  24 + position:relative;
  25 +}
  26 +.banner-image{
  27 + width:100%;
  28 + height:100%;
  29 +}
  30 +.banner-title{
  31 + width:100%;
  32 + height:70rpx;
  33 + padding:0 20rpx;
  34 + box-sizing:border-box;
  35 + background:rgba(0,0,0,.3);
  36 + position:absolute;
  37 + left:0;
  38 + bottom:0;
  39 +}
  40 +.banner-info{
  41 + width:100%;
  42 + padding:35rpx 20rpx;
  43 + box-sizing:border-box;
14 } 44 }
15 .question-list{ 45 .question-list{
16 - width:670rpx; 46 + width:690rpx;
17 margin:0 auto; 47 margin:0 auto;
18 margin-top:40rpx; 48 margin-top:40rpx;
19 } 49 }
20 .question-block{ 50 .question-block{
21 width:100%; 51 width:100%;
22 - height:400rpx;  
23 - background:#f7f7f7;  
24 - bprder-radius:10rpx;  
25 - margin-bottom:30rpx;  
26 - /*box-shadow:1px 1px 5px rgba(0,0,0,.1);*/  
27 - border-radius:10rpx; 52 + height:200rpx;
  53 + border-bottom:1px solid #efeef3;
28 } 54 }
29 .question-top{ 55 .question-top{
30 width:100%; 56 width:100%;
@@ -34,8 +60,8 @@ @@ -34,8 +60,8 @@
34 margin-bottom:30rpx; 60 margin-bottom:30rpx;
35 } 61 }
36 .question-image{ 62 .question-image{
37 - width:400rpx;  
38 - height:250rpx; 63 + width:200rpx;
  64 + height:130rpx;
39 } 65 }
40 .question-icon{ 66 .question-icon{
41 width:50rpx; 67 width:50rpx;