Skip to content

dev / home-with-kids-mp

Go to a project
Toggle navigation
Toggle navigation pinning
4fe4fc23 by simon
Options

默认提交

1 parent be65ff3c
Inline Side-by-side
Showing 8 changed files with 131 additions and 85 deletions
......@@ -104,15 +104,19 @@ button {
.red-p {
.comp {
bottom: auto;
top: 42%;
top: 56%;
}
}
.van-tab {
font-size: 40px !important;
font-weight: bold !important;
font-size: 32px !important;
// font-weight: bold !important;
color: #444444 !important;
padding: 0 32px !important;
padding: 0 16px !important;
}
.van-tabs__line {
height: 4px !important;
}
......@@ -143,11 +147,12 @@ button {
}
// web font icon
@font-face {
font-family: "iconfont";
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
}
......@@ -157,7 +162,6 @@ button {
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal !important;
}
.iconclose1:before {
......@@ -168,6 +172,10 @@ button {
content: "\e874";
}
.iconplay:before {
content: "\e617";
}
.iconhome:before {
content: "\e610";
}
......@@ -184,6 +192,10 @@ button {
content: "\e699";
}
.iconplay1:before {
content: "\e675";
}
.iconhongbao:before {
content: "\e68c";
}
......
......@@ -40,8 +40,7 @@
}
.shadow {
box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.10);
border-radius: 8px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.6);
}
.linear {
......
......@@ -22,7 +22,7 @@
.detail {
position: relative;
width: 100%;
height: 944px;
// height: 944px;
background-color: #333333;
text-align: center;
......@@ -32,7 +32,6 @@
// padding-top: 20px;
width: 100%;
height: 720px;
// background-color: wheat;
.vid {
text-align: center;
......@@ -40,12 +39,16 @@
height: 100%;
}
}
}
.share {
position: relative;
width: 100%;
padding: 24px auto;
.btn-wrap {
position: absolute;
padding: 24px 0;
color: #ffffff;
// margin: 40px auto 0;
bottom: 64px;
left: 0;
right: 0;
......@@ -128,8 +131,9 @@
display: flex;
.btn {
margin-right: 24px;
width: 200px;
// margin-right: 24px;
margin: 0 0;
width: 240px;
height: 80px;
font-size: 32px;
background-color: #3ec03c;
......@@ -159,6 +163,7 @@
}
}
}
......@@ -168,7 +173,7 @@
@extend .bb;
padding: 0 24px;
font-size: 36px;
margin: 0px auto 24px;
margin: 24px auto 0px;
}
// 广告
......@@ -204,16 +209,16 @@
.tit {
@extend .bb;
padding: 24px 0;
height: 230px;
padding: 8px 0;
height: 180px;
flex: 1;
font-size: 36px;
@include ellipsis(4);
font-size: 40px;
@include ellipsis(3);
}
.poster {
width: 350px;
height: 230px;
height: 180px;
border-radius: 8px;
}
}
......
......@@ -9,8 +9,10 @@
<view class="vid-wrap">
<video objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" />
</view>
</view>
<div class="share">
<view class="btn-wrap">
<button open-type="share" class="ani-scl btn btn2">
<button open-type="share" class=" btn btn2">
<span class="t1 iconfont iconplane"></span>
<span class="t1">分享给好友</span>
</button>
......@@ -19,7 +21,9 @@
<span class="t1">分享到群</span>
</button>
</view>
</view>
</div>
<!-- 功能区小标题 -->
<view class="fc-tit">超有创意的全家福，看了你也想拍！</view>
<!-- 功能区 -->
<view class="func">
<view bindtap="toPersonalList" class="user">
......@@ -30,17 +34,12 @@
</view>
</view>
<view class="btn-wrap">
<view class="btn btn2">
<span>更多推荐</span>
</view>
<!-- <view class="btn">
<view bindtap="toIndex" class="index-btn btn">
<span class="t1 iconfont iconhome"></span>
<span>返回首页</span>
</view> -->
<span>回到首页</span>
</view>
</view>
</view>
<!-- 功能区小标题 -->
<view class="fc-tit">超有创意的全家福，看了你也想拍！</view>
<!-- 广告 -->
<!-- 装饰物 -->
<view class="decoration">
......
......@@ -19,23 +19,18 @@
height: 0px;
}
.content {
position: relative;
padding-top: 24px;
}
.banner {
position: relative;
line-height: 140px;
.swiper {
width: $contentWidth;
height: 320px;
width: 750px;
height: 280px;
margin: 0 auto;
.swiper-image {
width: $contentWidth;
height: 320px;
width: 750px;
height: 280px;
}
}
......@@ -57,12 +52,21 @@
}
}
.content {
position: relative;
padding-top: 10px;
}
.list {
position: relative;
margin: 0 auto;
width: $contentWidth;
&-item {
// @extend .shadow;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.6);
@include border-top-radius(16px);
position: relative;
background-color: #ffffff;
border-radius: 16px;
......@@ -75,8 +79,10 @@
width: $contentWidth;
background-color: #dddddd;
.img{
.img {
width: $contentWidth;
height: 320px;
@include border-top-radius(16px);
}
.vid {
......@@ -86,7 +92,7 @@
}
.tit {
font-size: 34px;
font-size: 40px;
height: 80px;
line-height: 80px;
color: #ffffff;
......@@ -95,31 +101,40 @@
position: absolute;
width: 100%;
bottom: 0;
background-color: rgba($color: #000000, $alpha: 0.6);
background-color: rgba($color: #000000, $alpha: 0.5);
@include border-top-radius(8px);
@include ellipsis(1);
}
.iconfont {
font-size: 160px;
.play {
@extend .fcc;
width: 132px;
height: 132px;
border-radius: 132px;
font-weight: normal;
position: absolute;
left: 0;
right: 0;
top: 160px;
top: 72px;
margin: 0 auto;
text-align: center;
font-weight: bold;
// color: #efefef;
color: #ffffff;
background-color: rgba($color: #000000, $alpha: 0.7);
.iconfont {
font-size: 48px;
color: #ffffff;
margin-left: 12px;
}
}
}
&-func {
@extend .bb;
padding: 24px 24px;
height: 120px;
padding: 12px 24px;
// height: 120px;
display: flex;
justify-content: space-between;
align-items: center;
......@@ -176,4 +191,3 @@
border-width: 0;
}
}
......
......@@ -9,33 +9,35 @@
<van-tab wx:for="{{tabList}}" wx:key="{{index}}" title="{{item.tabName}}"></van-tab>
</van-tabs>
</van-sticky>
<view class="content">
<view class="banner" wx:if="{{bannerList && bannerList.length>0}}">
<swiper bindchange="onBannerChangeHandler" class="swiper" indicator-color="rgba(0,0,0,.3)" indicator-active-color="rgba(255,255,255,1)" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}">
<block wx:for="{{bannerList}}" wx:key="{{index}}">
<swiper-item>
<image bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="swiper-image" src="{{item.imageUrl}}" mode="aspectFill" />
</swiper-item>
</block>
</swiper>
<view wx:if="{{curBanner && curBanner.bannerTitle}}" class="tit">
{{curBanner && curBanner.bannerTitle || ""}}
</view>
<!-- <view class="tit">名字</view> -->
<view class="banner" wx:if="{{bannerList && bannerList.length>0}}">
<swiper bindchange="onBannerChangeHandler" class="swiper" indicator-color="rgba(0,0,0,.3)" indicator-active-color="rgba(255,255,255,1)" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}">
<block wx:for="{{bannerList}}" wx:key="{{index}}">
<swiper-item>
<image bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="swiper-image" src="{{item.imageUrl}}" mode="aspectFill" />
</swiper-item>
</block>
</swiper>
<view wx:if="{{curBanner && curBanner.bannerTitle}}" class="tit">
{{curBanner && curBanner.bannerTitle || ""}}
</view>
<!-- <view class="tit">名字</view> -->
</view>
<view class="content">
<view class="list">
<view wx:for="{{dataList}}" wx:key="index" class="list-item">
<view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video">
<image class="img" src="{{item.thumbnail}}" mode="aspectFill" />
<view class="tit">{{item.videoName}}</view>
<span class="iconfont iconicon-test16"></span>
<div class="play">
<span class="iconfont iconplay"></span>
</div>
</view>
<view class="list-item-func">
<view bindtap="toPersonalList" data-data="{{item}}" data-index="{{index}}" class="user">
<view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="user">
<image class="portrait" mode="aspectFill" src="{{item.headImage}}" />
<text class="name">{{item.accountName || ""}}</text>
</view>
<button class="share ani-scl" open-type="share">
<button class="share" open-type="share">
<span class="t1 iconfont iconwechat"></span>
<span class="t1">分享</span>
</button>
......
......@@ -54,6 +54,9 @@
width: $contentWidth;
&-item {
// @extend .shadow;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.6);
@include border-top-radius(16px);
position: relative;
background-color: #ffffff;
border-radius: 16px;
......@@ -66,8 +69,10 @@
width: $contentWidth;
background-color: #dddddd;
.img{
.img {
width: $contentWidth;
height: 320px;
@include border-top-radius(16px);
}
.vid {
......@@ -77,7 +82,7 @@
}
.tit {
font-size: 34px;
font-size: 40px;
height: 80px;
line-height: 80px;
color: #ffffff;
......@@ -86,31 +91,40 @@
position: absolute;
width: 100%;
bottom: 0;
background-color: rgba($color: #000000, $alpha: 0.6);
background-color: rgba($color: #000000, $alpha: 0.5);
@include border-top-radius(8px);
@include ellipsis(1);
}
.iconfont {
font-size: 160px;
.play {
@extend .fcc;
width: 132px;
height: 132px;
border-radius: 132px;
font-weight: normal;
position: absolute;
left: 0;
right: 0;
top: 160px;
top: 72px;
margin: 0 auto;
text-align: center;
font-weight: bold;
// color: #efefef;
color: #ffffff;
background-color: rgba($color: #000000, $alpha: 0.7);
.iconfont {
font-size: 48px;
color: #ffffff;
margin-left: 12px;
}
}
}
&-func {
@extend .bb;
padding: 24px 24px;
height: 120px;
padding: 12px 24px;
// height: 120px;
display: flex;
justify-content: space-between;
align-items: center;
......
......@@ -9,20 +9,21 @@
<image class="portrait" mode="aspectFill" src="{{personInfo.headImage}}" />
</view>
<view class="content">
<view class="list">
<view class="list">
<view wx:for="{{dataList}}" wx:key="index" class="list-item">
<view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video">
<view class="tit">{{item.videoName}}</view> -->
<image src="{{item.thumbnail}}" mode="aspectFill" />
<image class="img" src="{{item.thumbnail}}" mode="aspectFill" />
<view class="tit">{{item.videoName}}</view>
<span class="iconfont iconicon-test16"></span>
<div class="play">
<span class="iconfont iconplay"></span>
</div>
</view>
<view class="list-item-func">
<view class="user">
<image class="portrait" mode="aspectFill" src="{{personInfo.headImage}}" />
<text class="name">{{personInfo.accountName || ""}}</text>
<view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="user">
<image class="portrait" mode="aspectFill" src="{{item.headImage}}" />
<text class="name">{{item.accountName || ""}}</text>
</view>
<button class="share ani-scl" open-type="share">
<button class="share" open-type="share">
<span class="t1 iconfont iconwechat"></span>
<span class="t1">分享</span>
</button>
......