fe / yoho-brand-shop · Commits

Go to a project

Authored by 李奇
Commit 4cab83e0cbce118996ba37ede596ef7fe2c9856c 1 parent 8c27729d

首页修改

Inline Side-by-side
Showing 2 changed files with 386 additions and 452 deletions
... ... @@ -2,114 +2,122 @@
<import src="../goodsList/productListCell.wxml"/>
<import src="../homefloor/homefloor.wxml"/>
<template name='tipTitle'>
<view class='titleContainer'
style="border-bottom:{{no_line?'0.5rpx solid #ffffff':'0.5rpx solid #e0e0e0'}}">
<view class='titleLine'></view>
<view class='titleDesc'>{{desc}}</view>
<view class='titleMore' wx:if='{{more_url?true:false}}' data-jump_rule="{{more_url}}" bindtap="jumpByRule">
<image class="titleMoreIm" src="./images/more_ic@2x.png" ></image>
</view>
</view>
<view class='titleContainer'
style="border-bottom:{{no_line?'0.5rpx solid #ffffff':'0.5rpx solid #e0e0e0'}}">
<view class='titleLine'></view>
<view class='titleDesc'>{{desc}}</view>
<view class='titleMore' wx:if='{{more_url?true:false}}' data-jump_rule="{{more_url}}" bindtap="jumpByRule">
<image class="titleMoreIm" src="./images/more_ic@2x.png"></image>
</view>
</view>
</template>
<view class="container">
<view class='newtop'>
<view class='newtop'>
<view class="search-section" bindtap="searchTapped">
<view class="tip">
<span class="tip-text">搜索品牌名称<image
class="image-icon" src="./images/search@2x.png"></image>
<view class="tip">
<span class="tip-text">潮流单品搜一下<image class="image-icon" src="./images/search@2x.png"></image>
</span>
</view>
</view>
</view>
</view>
<image class='newTopImg' src='images/home-top-bg2@2x.png'></image>
<image wx:if='{{channelSelect}}' class='channelBg' src='images/channel-bg@2x.png'></image>
<!-- <image wx:if='{{channelSelect}}' class='channelBg-girl' src='images/channel-bg@2x.png'></image> -->
<view class='channelContainer' wx:if='{{channelSelect}}'>
<view class='channelItem' bindtap="channelSelected" data-type="boy">
<view class='indicator' style="background-color:{{selectedChannel=='boy' ? 'white':'transparent'}}"></view>
<view class='channelText' bindtap="channelSelected" data-type="boy">男生</view>
</view>
<view class='channelItem' style='border-top: 1rpx solid #ececec;' bindtap="channelSelected" data-type="girl">
<view class='indicator' style="background-color:{{selectedChannel=='girl' ? 'white':'transparent'}}" ></view>
<view class='channelText' bindtap="channelSelected" data-type="girl">女生</view>
<view class='channelContainer' wx:if='{{channelSelect}}'>
<view class='channelItem' bindtap="channelSelected" data-type="boy">
<view class='indicator' style="background-color:{{selectedChannel=='boy' ? 'white':'transparent'}}"></view>
<view class='channelText' bindtap="channelSelected" data-type="boy">男生</view>
</view>
<view class='channelItem' style='border-top: 1rpx solid #ececec;' bindtap="channelSelected" data-type="girl">
<view class='indicator' style="background-color:{{selectedChannel=='girl' ? 'white':'transparent'}}"></view>
<view class='channelText' bindtap="channelSelected" data-type="girl">女生</view>
</view>
</view>
</view>
<view class='scrollview' id='touchContainer'>
<block wx:for='{{homelist}}' wx:key='{{index}}'>
<view class='scrollview' id='touchContainer'>
<block wx:if="{{item.template_name=='focus' || item.template_name=='newFocus'}}">
<template is='newFocus' data='{{data:item.data,f_id:item.template_id,f_index:index,f_name:item.template_name}}'/>
</block>
<block wx:for='{{homelist}}' wx:key='{{index}}'>
<block wx:elif="{{item.template_name=='newSingleImage'}}">
<block wx:if="{{item.title}}">
<template is='tipTitle' data="{{desc:item.title}}"/>
</block>
<template is='singleImg' data='{{data:item,f_id:item.template_id,f_index:index,f_name:item.template_name}}'/>
</block>
<block wx:if="{{item.template_name=='focus' || item.template_name=='newFocus'}}">
<template is='newFocus'
data='{{data:item.data,f_id:item.template_id,f_index:index,f_name:item.template_name}}'/>
</block>
<block wx:elif="{{item.template_name=='new_recommend_content_five'}}">
<block wx:if="{{item.title}}">
<template is='tipTitle' data="{{desc:item.title,more_url:item.moreUrl,no_line:true}}"/>
</block>
<template is='category' data="{{windowWidth:windowWidth,data:item.list,f_id:item.template_id,f_index:index,f_name:item.template_name}}"/>
</block>
<block wx:elif="{{item.template_name=='newSingleImage'}}">
<block wx:if="{{item.title}}">
<template is='tipTitle' data="{{desc:item.title}}"/>
</block>
<template is='singleImg'
data='{{data:item,f_id:item.template_id,f_index:index,f_name:item.template_name}}'/>
</block>
<block wx:elif="{{item.template_name=='3:4ImageListFloor'}}">
<block wx:if="{{item.title}}">
<template is='tipTitle' data="{{desc:item.title}}"/>
</block>
<template is='newHorizontalImg' data="{{data:item.list,title:item.title,f_id:item.template_id,f_index:index,f_name:item.template_name,f_name:item.template_name}}"/>
<view wx:if="{{!item.title}}" style='width:100%;height:16rpx;background-color:white'/><!--兼容空白 后期需优化调整-->
</block>
<block wx:elif="{{item.template_name=='new_recommend_content_five'}}">
<block wx:if="{{item.title}}">
<template is='tipTitle' data="{{desc:item.title,more_url:item.moreUrl,no_line:true}}"/>
</block>
<template is='category'
data="{{windowWidth:windowWidth,data:item.list,f_id:item.template_id,f_index:index,f_name:item.template_name}}"/>
</block>
<block wx:elif="{{item.template_name=='popularListFloor'}}">
<scroll-view class="activity-container-footer" scroll-x="true">
<block wx:for="{{item.data.list}}" wx:key="{{index}}" wx:for-item="item">
<view class="activity-item" bindtap="activityItemTapped" data-skn="{{item.product_skn}}"
data-f_id="{{item.template_id}}" data-f_index='{{item.index}}' data-f_inindex='{{index}}' data-f_name='popularListFloor'>
<image src="{{item.default_images}}" class="activity-item-img"></image>
<view class="activity-item-price" wx:if="{{item.shop_name && item.display_type == 2}}">{{item.shop_name}}</view>
<view class="activity-item-price" wx:if="{{item.sales_price && item.display_type == 1}}">￥{{item.sales_price}}</view>
</view>
</block>
</scroll-view>
<!-- <template is='horProductList' data='{{data:item.data.list}}'/> -->
</block>
<block wx:elif="{{item.template_name=='3:4ImageListFloor'}}">
<block wx:if="{{item.title}}">
<template is='tipTitle' data="{{desc:item.title}}"/>
</block>
<template is='newHorizontalImg'
data="{{data:item.list,title:item.title,f_id:item.template_id,f_index:index,f_name:item.template_name,f_name:item.template_name}}"/>
<view wx:if="{{!item.title}}" style='width:100%;height:16rpx;background-color:white'/>
<!--兼容空白 后期需优化调整-->
</block>
<block wx:elif="{{item.template_name=='popularListFloor'}}">
<scroll-view class="activity-container-footer" scroll-x="true">
<block wx:for="{{item.data.list}}" wx:key="{{index}}" wx:for-item="item">
<view class="activity-item" bindtap="activityItemTapped" data-skn="{{item.product_skn}}"
data-f_id="{{item.template_id}}" data-f_index='{{item.index}}' data-f_inindex='{{index}}'
data-f_name='popularListFloor'>
<image src="{{item.default_images}}" class="activity-item-img"></image>
<view class="activity-item-price" wx:if="{{item.shop_name && item.display_type == 2}}">
{{item.shop_name}}
</view>
<view class="activity-item-price" wx:if="{{item.sales_price && item.display_type == 1}}">
￥{{item.sales_price}}
</view>
</view>
</block>
</scroll-view>
<!-- <template is='horProductList' data='{{data:item.data.list}}'/> -->
</block>
<block wx:elif="{{item.template_name=='newProductListFloor'}}">
<scroll-view class="activity-container-footer" scroll-x="true">
<block wx:for="{{item.data.list}}" wx:key="{{index}}" wx:for-item="item">
<view class="activity-item" bindtap="activityItemTapped" data-skn="{{item.product_skn}}"
data-f_id="{{item.template_id}}" data-f_index='{{item.index}}' data-f_inindex='{{index}}' data-f_name='newProductListFloor'>
<image src="{{item.default_images}}" class="activity-item-img"></image>
<view class="activity-item-price">{{item.shop_name}}</view>
</view>
</block>
</scroll-view>
<!-- <template is='horProductList' data='{{data:item.data.list}}'/> -->
</block>
</block>
<block wx:elif="{{item.template_name=='newProductListFloor'}}">
<scroll-view class="activity-container-footer" scroll-x="true">
<block wx:for="{{item.data.list}}" wx:key="{{index}}" wx:for-item="item">
<view class="activity-item" bindtap="activityItemTapped" data-skn="{{item.product_skn}}"
data-f_id="{{item.template_id}}" data-f_index='{{item.index}}' data-f_inindex='{{index}}'
data-f_name='newProductListFloor'>
<image src="{{item.default_images}}" class="activity-item-img"></image>
<view class="activity-item-price">{{item.shop_name}}</view>
</view>
</block>
</scroll-view>
<!-- <template is='horProductList' data='{{data:item.data.list}}'/> -->
</block>
<template is='tipTitle' wx:if="{{newChannels[selectedChannel]['recommend']['data']}}" data="{{desc:'猜你喜欢'}}"></template>
</block>
<template is='tipTitle' wx:if="{{newChannels[selectedChannel]['recommend']['data']}}"
data="{{desc:'猜你喜欢'}}"></template>
<view class="likeContainer">
<block wx:for="{{newChannels[selectedChannel]['recommend']['data']}}" wx:key="{{index}}">
<template is="productListCell" data="{{listWidth, listHeight, listImageWidth, listImageHeight, listImageTop, listMarginHorizontal,index,f_index:3, item}}"/>
</block>
</view>
<!--|| channels[selectedChannel]['recommend']['isLoading']-->
<loading wx:if="{{newChannels[selectedChannel]['isLoading'] }}">加载中</loading>
<view class="likeContainer">
<block wx:for="{{newChannels[selectedChannel]['recommend']['data']}}" wx:key="{{index}}">
<template is="productListCell"
data="{{listWidth, listHeight, listImageWidth, listImageHeight, listImageTop, listMarginHorizontal,index,f_index:3, item}}"/>
</block>
</view>
<!--|| channels[selectedChannel]['recommend']['isLoading']-->
<loading wx:if="{{newChannels[selectedChannel]['isLoading'] }}">加载中</loading>
</view>
<view class='container_mask' bindtap='hiddenChannel' wx:if='{{channelSelect}}'></view>
</view>
<view class='container_mask' bindtap='hiddenChannel' wx:if='{{channelSelect}}'></view>
</view>
<quickNavigation id="quickNavigation" isShowIndicator="{{isShowIndicator}}" isShowShopCart="{{true}}" isShowMenu="{{false}}" marginBottom="{{50}}" bind:backToTop="backToTop"></quickNavigation>
<quickNavigation id="quickNavigation" isShowIndicator="{{isShowIndicator}}" isShowShopCart="{{true}}"
isShowMenu="{{false}}" marginBottom="{{50}}" bind:backToTop="backToTop"></quickNavigation>
<import src="../../vendors/toast/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>
... ...
/**index.wxss**/
@import "../goodsList/productListCell.wxss";
@import "../homefloor/homefloor.wxss";
.container {
background-color: white;
display: flex;
flex-direction: column;
background-color: white;
display: flex;
flex-direction: column;
}
.scrollview{
/* margin-top: 96rpx; */
background-color:white; /*#f0f0f0*/
/*background-color: white;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
white-space: nowrap */
background-color:white;
}
.top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #3c3d3e;
padding-top: 30rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #3c3d3e;
padding-top: 30rpx;
}
.topIcon {
width: 240rpx;
height: 135rpx;
width: 240rpx;
height: 135rpx;
}
.serach {
margin-top: 30rpx;
margin-left: 35rpx;
margin-right: 35rpx;
margin-bottom: 30rpx;
background-color: white;
border-radius: 35rpx;
height: 70rpx;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
margin-top: 30rpx;
margin-left: 35rpx;
margin-right: 35rpx;
margin-bottom: 30rpx;
background-color: white;
border-radius: 35rpx;
height: 70rpx;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
}
.serachIcon {
... ... @@ -51,227 +45,173 @@
}
.serach_view_show {
display: block;
color: #b0b0b0;
font-size: 30rpx;
font-family: PingFang SC;
padding-left: 10rpx;
font-weight: 500;
line-height: 2.57;
letter-spacing: 1.1px;
text-align: left;
display: block;
color: #b0b0b0;
font-size: 30rpx;
font-family: PingFang SC;
padding-left: 10rpx;
font-weight: 500;
line-height: 2.57;
letter-spacing: 1.1px;
text-align: left;
}
.navigator {
background-color:white;
width:100%;
height:88rpx;
display:flex;
flex-direction:row;
justify-content: center;
background-color:white;
width:100%;
height:88rpx;
display:flex;
flex-direction:row;
justify-content: center;
}
.default {
line-height:88rpx;
text-align:center;
flex:1;
color:#b0b0b0;
font-size:30rpx;
width: 25%;
line-height:88rpx;
text-align:center;
flex:1;
color:#b0b0b0;
font-size:30rpx;
width: 25%;
}
.navText {
padding-left: 10rpx;
padding-right: 10rpx;
padding-bottom: 18rpx;
color:#b0b0b0;
font-family: PingFang SC;
/*background-color: red;*/
padding-left: 10rpx;
padding-right: 10rpx;
padding-bottom: 18rpx;
color:#b0b0b0;
font-family: PingFang SC;
}
.navTextSelected {
font-size:36rpx;
font-weight:bold;
color:#444444;
border-bottom: 4rpx solid;
font-size:36rpx;
font-weight:bold;
color:#444444;
border-bottom: 4rpx solid;
}
.sectionContainer {
position: relative;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
position: relative;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
.sectionLine {
background-color: #e0e0e0;
height: 3rpx;
width: 120rpx;
margin-left: 20rpx;
margin-right: 20rpx;
background-color: #e0e0e0;
height: 3rpx;
width: 120rpx;
margin-left: 20rpx;
margin-right: 20rpx;
}
.sectionTitle {
line-height: 80rpx;
color: #444444;
text-align: center;
vertical-align: center;
font-family: PingFang SC;
font-size: 32rpx;
font-weight: bold;
line-height: 80rpx;
color: #444444;
text-align: center;
vertical-align: center;
font-family: PingFang SC;
font-size: 32rpx;
font-weight: bold;
}
.moreButtonContainer {
position: absolute;
right: 0rpx;
width: 100rpx;
height: 88rpx;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0rpx;
width: 100rpx;
height: 88rpx;
display: flex;
justify-content: center;
align-items: center;
}
.moreButton {
width: 44rpx;
height: 8rpx;
width: 44rpx;
height: 8rpx;
}
.brandContainer {
background-color: white;
width: 100%;
height: 250rpx;
white-space: nowrap;
padding-left: 8rpx;
/*padding-right: 8rpx;*/
background-color: white;
width: 100%;
height: 250rpx;
white-space: nowrap;
padding-left: 8rpx;
}
.brandItem {
display: inline-block;
margin: 16rpx 8rpx 16rpx 8rpx;
/* margin-left: 8rpx;
margin-right: 8rpx;
margin-top: 8rpx;
margin-bottom: 0rpx; */
display: inline-block;
margin: 16rpx 8rpx 16rpx 8rpx;
}
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
width: 0;
height: 0;
color: transparent;
}
.brand {
white-space: wrap;
height: 220rpx;
width: 220rpx;
white-space: wrap;
height: 220rpx;
width: 220rpx;
}
.brandImage {
width: 220rpx;
height: 220rpx;
border-radius: 10rpx;
width: 220rpx;
height: 220rpx;
border-radius: 10rpx;
}
.catgoryContainer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: white;
border-top: 1rpx solid #dddddd;
/*border-bottom: 1rpx solid #dddddd;*/
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: white;
border-top: 1rpx solid #dddddd;
}
.category {
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1rpx solid #dddddd;
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1rpx solid #dddddd;
}
.categoryTitle {
margin-top: 15rpx;
margin-bottom: 15rpx;
line-height: 22rpx;
font-family: PingFang SC;
font-size: 22rpx;
color: rgb(68, 68, 68);
margin-top: 15rpx;
margin-bottom: 15rpx;
line-height: 22rpx;
font-family: PingFang SC;
font-size: 22rpx;
color: rgb(68, 68, 68);
}
.categoryImage {
width: 100%;
width: 100%;
}
.newArrivalContainer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: white;
}
/* .product {
display: flex;
flex-direction: column;
background-color: white;
} */
/* .productImage {
display: block;
} */
/* .productTitle {
margin-top: 30rpx;
margin-bottom: 12rpx;
color: #444444;
font-family: PingFang SC;
font-size: 24rpx; */
/*font-weight: bold;*/
/* line-height: 30rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 60rpx;
} */
/* .priceContainer {
display: flex;
flex-direction: row;
margin-top: 10rpx;
margin-bottom: 30rpx;
} */
/*
.price1 {
font-size: 24rpx;
color: #d0021b;
} */
/* .price2 {
margin-left: 10rpx;
font-size: 24rpx;
color: #b0b0b0;
text-decoration: line-through;
} */
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: white;
}
.likeContainer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: white;
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: white;
}
.like {
display: flex;
flex-direction: column;
align-items: center;
margin: 20rpx;
display: flex;
flex-direction: column;
align-items: center;
margin: 20rpx;
}
.activities {
background-color: white;
background-color: white;
}
.activity-container {
... ... @@ -279,235 +219,221 @@
}
.activity-container-header {
width: 100%;
height: 324rpx;
width: 100%;
height: 324rpx;
}
.activity-banner {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.activity-container-footer {
white-space: nowrap;
background-color: white;
/* display: flex;
flex-direction: row;
align-items: center */
white-space: nowrap;
background-color: white;
}
.activity-item {
width: 186rpx;
height: 296rpx;
display: inline-block;
margin-top: 30rpx;
margin-left: 32rpx;
width: 186rpx;
height: 296rpx;
display: inline-block;
margin-top: 30rpx;
margin-left: 32rpx;
}
.activity-item:last-child {
margin-right: 32rpx;
margin-right: 32rpx;
}
.activity-item-img {
width: 100%;
height: 77%;
width: 100%;
height: 77%;
}
.activity-item-price {
width: 100%;
height: 23%;
text-align: center;
line-height: 50rpx;
color:#444444;
font-size: 24rpx;
font-family: PingFang SC;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width: 100%;
height: 23%;
text-align: center;
line-height: 50rpx;
color:#444444;
font-size: 24rpx;
font-family: PingFang SC;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.activities-footer {
height: 100rpx;
width: 100%;
line-height: 100rpx;
text-align: center;
font-family: PingFang SC;
font-size: 30rpx;
border-top: solid 1rpx gainsboro;
height: 100rpx;
width: 100%;
line-height: 100rpx;
text-align: center;
font-family: PingFang SC;
font-size: 30rpx;
border-top: solid 1rpx gainsboro;
}
.new-focus-img{
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.swiper-status{
width: 750rpx;
height:500rpx;
width: 750rpx;
height:500rpx;
}
/* 以下标题模板所用样式 */
.titleContainer{
background-color: white;
display: flex;
flex-direction: row;
height: 80rpx;
align-items:center;
background-color: white;
display: flex;
flex-direction: row;
height: 80rpx;
align-items:center;
}
.titleLine{
width: 4rpx;
height: 30rpx;
background-color: #444444;
margin-left: 20rpx;
width: 4rpx;
height: 30rpx;
background-color: #444444;
margin-left: 20rpx;
}
.titleDesc{
flex: 1;
text-align: left;
color: #444444;
font-family: PingFang SC;
font-size:30rpx;
margin-left: 16rpx;
font-weight: 600;
/* line-height: 2.75; */
flex: 1;
text-align: left;
color: #444444;
font-family: PingFang SC;
font-size:30rpx;
margin-left: 16rpx;
font-weight: 600;
}
.titleMore{
width: 48rpx;
height: 38rpx;
display: flex;
margin-right: 30rpx;
align-items: center;
justify-content: center;
width: 48rpx;
height: 38rpx;
display: flex;
margin-right: 30rpx;
align-items: center;
justify-content: center;
}
.titleMoreIm{
width: 44rpx;
height: 8rpx;
width: 44rpx;
height: 8rpx;
}
.view-splite {
height:20rpx;
height:20rpx;
}
.newtop{
position: fixed;
top: 0;
left: 0;
height: 96rpx;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
z-index: 1000;
}
.newTopImg{
position: fixed;
top: 0;
left: 0;
height: 96rpx;
width: 100%;
z-index: 999;
}
.newsearch{
height: 70rpx;
width: 615rpx;
margin-left: 30rpx;
background-color: #ffffff;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 10rpx;
top: 0rpx;
left: 0rpx
}
.channelContainer{
width: 100%;
top: 96rpx;
position: fixed;
display: flex;
flex-direction: column;
height: wrap;
z-index: 1000;
}
.channelItem{
height: 100rpx;
width: 750rpx;
display: flex;
justify-content: center;
flex-direction: row;
align-items: center;
}
/* .channelBg-girl{
position: fixed;
height: 100rpx;
width: 750rpx;
top: 197rpx;
z-index: 999;
border-top: 1rpx solid #ececec;
} */
.channelBg{
position: fixed;
height: 201rpx;
width: 750rpx;
top: 96rpx;
z-index: 999;
}
.indicator{
width: 10rpx;
height: 10rpx;
background-color: white;
}
.channelText{
font-family: PingFang-SC;
font-size: 40rpx;
font-weight: 600;
text-align: left;
color: #ffffff;
margin-left: 20rpx
}
.channelIcon{
width: 48rpx;
height: 38rpx;
margin-left: 30rpx;
margin-right: 30rpx
}
.container_mask{
position: fixed;
top: 96;
z-index: 555;
width: 100%;
height: 100%;
background: #333;
filter: alpha(opacity=0);
opacity: 0.0;
position: fixed;
top: 0;
left: 0;
height: 96rpx;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
z-index: 1000;
}
.search-section {
height: 72rpx;
padding: 18rpx 30rpx;
background-color: #fff;
box-sizing: content-box;
height: 72rpx;
padding: 18rpx 30rpx;
background-color: #fff;
box-sizing: content-box;
flex: 1;
}
.search-section .tip {
font-family: PingFang-SC-Regular, sans-serif;
height: 72rpx;
font-size: 28rpx;
color: #b0b0b0;
text-align: center;
line-height: 72rpx;
border-radius: 40rpx;
background: #f7f7f7;
font-family: PingFang-SC-Regular, sans-serif;
height: 72rpx;
font-size: 28rpx;
color: #b0b0b0;
text-align: center;
line-height: 72rpx;
border-radius: 40rpx;
background: #f7f7f7;
}
.search-section .tip-text {
position: relative;
left: 40rpx;
position: relative;
left: 40rpx;
}
.search-section .image-icon {
position: absolute;
height: 30rpx;
width: 30rpx;
top: 6rpx;
left: -40rpx;
}
\ No newline at end of file
position: absolute;
height: 30rpx;
width: 30rpx;
top: 6rpx;
left: -40rpx;
}
.newsearch {
height: 70rpx;
width: 615rpx;
margin-left: 30rpx;
background-color: #ffffff;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 10rpx;
top: 0rpx;
left: 0rpx
}
.channelContainer {
width: 100%;
top: 96rpx;
position: fixed;
display: flex;
flex-direction: column;
height: wrap;
z-index: 1000;
}
.channelItem {
height: 100rpx;
width: 750rpx;
display: flex;
justify-content: center;
flex-direction: row;
align-items: center;
}
.channelBg {
position: fixed;
height: 201rpx;
width: 750rpx;
top: 96rpx;
z-index: 999;
}
.indicator {
width: 10rpx;
height: 10rpx;
background-color: white;
}
.channelText {
font-family: PingFang-SC;
font-size: 40rpx;
font-weight: 600;
text-align: left;
color: #ffffff;
margin-left: 20rpx;
}
.channelIcon {
width: 48rpx;
height: 38rpx;
margin-left: 30rpx;
margin-right: 30rpx
}
.container_mask {
position: fixed;
top: 96;
z-index: 555;
width: 100%;
height: 100%;
background: #333;
filter: alpha(opacity=0);
opacity: 0.0;
}
... ...