Skip to content

dev / home-with-kids-mp

Go to a project
Toggle navigation
Toggle navigation pinning
3cac5f95 by simon
Options

默认提交

1 parent c037ebcf
Inline Side-by-side
Showing 5 changed files with 36 additions and 10 deletions
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
2 <view wx:for="{{types}}" wx:key="{{index}}" data-data="{{item}}" bindtap="onTapHandler" class="btn point"> 2 <view wx:for="{{types}}" wx:key="{{index}}" data-data="{{item}}" bindtap="onTapHandler" class="btn point">
3 <span class="iconfont {{typeIconMap[item+''] }}"></span> 3 <span class="iconfont {{typeIconMap[item+''] }}"></span>
4 </view> 4 </view>
5 <view wx:for="{{pics}}" wx:key="{{index}}" data-data="{{item}}" bindtap="onTapHandler" class="btn"> 5 <!-- <view wx:for="{{pics}}" wx:key="{{index}}" data-data="{{item}}" bindtap="onTapHandler" class="btn">
6 <image mode="aspectFit" src="{{'../../image/shortcut/'+item+'.png'}}" class="pics ani-tada" /> 6 <image mode="aspectFit" src="{{'../../image/shortcut/'+item+'.png'}}" class="pics ani-tada" />
7 </view> 7 </view> -->
8 <button class="btn point" wx:if="{{contact}}" open-type="contact" bindcontact="handleContact"> 8 <button class="btn point" wx:if="{{contact}}" open-type="contact" bindcontact="handleContact">
9 <span class="iconfont iconicon-test3 contact"></span> 9 <span class="iconfont iconicon-test3 contact"></span>
10 </button> 10 </button>
......
...@@ -45,11 +45,21 @@ ...@@ -45,11 +45,21 @@
45 right: 0; 45 right: 0;
46 margin: 0 auto; 46 margin: 0 auto;
47 text-align: center; 47 text-align: center;
48 background-color: rgba($color: #000000, $alpha: 0.7);
49 color: #ffffff; 48 color: #ffffff;
50 font-size: 36px; 49 font-size: 36px;
51 font-weight: bold; 50 font-weight: bold;
51 @include ellipsis(1);
52 }
52 53
54 .tit-bg {
55 opacity: .5;
56 height: 80px;
57 color: #ffffff;
58 position: absolute;
59 width: 100%;
60 height: 110px;
61 bottom: 0;
62 background-image: linear-gradient(to top, #000000, #666666);
53 } 63 }
54 } 64 }
55 65
...@@ -94,7 +104,6 @@ ...@@ -94,7 +104,6 @@
94 } 104 }
95 105
96 .tit { 106 .tit {
97 opacity: .8;
98 font-size: 40px; 107 font-size: 40px;
99 height: 80px; 108 height: 80px;
100 line-height: 80px; 109 line-height: 80px;
...@@ -104,11 +113,18 @@ ...@@ -104,11 +113,18 @@
104 position: absolute; 113 position: absolute;
105 width: 100%; 114 width: 100%;
106 bottom: 0; 115 bottom: 0;
107 // background-color: rgba($color: #000000, $alpha: 0.5);
108 @include border-top-radius(8px);
109 @include ellipsis(1); 116 @include ellipsis(1);
110 background-image: linear-gradient(to bottom, #000000, #ffffff); 117 }
111 118
119 .tit-bg {
120 opacity: .5;
121 height: 80px;
122 color: #ffffff;
123 position: absolute;
124 width: 100%;
125 bottom: 0;
126 @include border-top-radius(8px);
127 background-image: linear-gradient(to top, #000000, #666666);
112 } 128 }
113 129
114 .play { 130 .play {
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
14 <block wx:for="{{bannerList}}" wx:key="{{index}}"> 14 <block wx:for="{{bannerList}}" wx:key="{{index}}">
15 <swiper-item> 15 <swiper-item>
16 <image bindtap="onBannerHandler" data-data="{{item}}" data-index="{{index}}" class="swiper-image" src="{{item.imageUrl}}" mode="aspectFill" /> 16 <image bindtap="onBannerHandler" data-data="{{item}}" data-index="{{index}}" class="swiper-image" src="{{item.imageUrl}}" mode="aspectFill" />
17 <view class="tit-bg"></view>
17 <view wx:if="{{curBanner && curBanner.bannerTitle}}" class="tit"> 18 <view wx:if="{{curBanner && curBanner.bannerTitle}}" class="tit">
18 {{curBanner && curBanner.bannerTitle || ""}} 19 {{curBanner && curBanner.bannerTitle || ""}}
19 </view> 20 </view>
...@@ -26,6 +27,7 @@ ...@@ -26,6 +27,7 @@
26 <view wx:for="{{dataList}}" wx:key="index" class="list-item"> 27 <view wx:for="{{dataList}}" wx:key="index" class="list-item">
27 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video"> 28 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video">
28 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" /> 29 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" />
30 <view class="tit-bg"></view>
29 <view class="tit">{{item.videoName}}</view> 31 <view class="tit">{{item.videoName}}</view>
30 <div class="play"> 32 <div class="play">
31 <span class="iconfont iconplay"></span> 33 <span class="iconfont iconplay"></span>
......
...@@ -80,7 +80,6 @@ ...@@ -80,7 +80,6 @@
80 width: $contentWidth; 80 width: $contentWidth;
81 pointer-events: none; 81 pointer-events: none;
82 } 82 }
83
84 .tit { 83 .tit {
85 font-size: 40px; 84 font-size: 40px;
86 height: 80px; 85 height: 80px;
...@@ -91,10 +90,18 @@ ...@@ -91,10 +90,18 @@
91 position: absolute; 90 position: absolute;
92 width: 100%; 91 width: 100%;
93 bottom: 0; 92 bottom: 0;
94 background-color: rgba($color: #000000, $alpha: 0.5);
95 @include border-top-radius(8px);
96 @include ellipsis(1); 93 @include ellipsis(1);
94 }
97 95
96 .tit-bg {
97 opacity: .5;
98 height: 80px;
99 color: #ffffff;
100 position: absolute;
101 width: 100%;
102 bottom: 0;
103 @include border-top-radius(8px);
104 background-image: linear-gradient(to top, #000000, #666666);
98 } 105 }
99 106
100 .play { 107 .play {
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
13 <view wx:for="{{dataList}}" wx:key="index" class="list-item"> 13 <view wx:for="{{dataList}}" wx:key="index" class="list-item">
14 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video"> 14 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video">
15 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" /> 15 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" />
16 <view class="tit-bg"></view>
16 <view class="tit">{{item.videoName}}</view> 17 <view class="tit">{{item.videoName}}</view>
17 <div class="play"> 18 <div class="play">
18 <span class="iconfont iconplay"></span> 19 <span class="iconfont iconplay"></span>
......