|
|
|
@ -2,7 +2,7 @@
|
|
|
|
|
* @Author: ch
|
|
|
|
|
* @Date: 2019-08-22 19:41:20
|
|
|
|
|
* @LastEditors: ch
|
|
|
|
|
* @LastEditTime: 2022-04-14 17:37:40
|
|
|
|
|
* @LastEditTime: 2022-04-20 19:02:05
|
|
|
|
|
* @Description: file content
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
@ -13,6 +13,7 @@
|
|
|
|
|
<text class="search--input">请输入您想搜索的商品名称</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="msg">
|
|
|
|
|
<u-badge class="msg--badge" max="99" :value="0"></u-badge>
|
|
|
|
|
<image class="msg--icon" src="@/static/index/msg.png"></image>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
@ -53,9 +54,8 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
scrollTop : 0,
|
|
|
|
|
bannerList: [
|
|
|
|
|
'https://cdn.uviewui.com/uview/swiper/swiper1.png',
|
|
|
|
|
'https://cdn.uviewui.com/uview/swiper/swiper2.png',
|
|
|
|
|
'https://cdn.uviewui.com/uview/swiper/swiper3.png',
|
|
|
|
|
'https://msb-edu-dev.oss-cn-beijing.aliyuncs.com/uc/account-avatar/banner.png',
|
|
|
|
|
'https://msb-edu-dev.oss-cn-beijing.aliyuncs.com/uc/account-avatar/banner.png'
|
|
|
|
|
],
|
|
|
|
|
categoryList : [
|
|
|
|
|
],
|
|
|
|
@ -133,23 +133,33 @@ page{
|
|
|
|
|
.logo{
|
|
|
|
|
width: 265rpx;
|
|
|
|
|
height: 50rpx;
|
|
|
|
|
background: url("@/static/index/logo.png");
|
|
|
|
|
background-size: 265rpx;
|
|
|
|
|
background: url("@/static/index/logo.png") no-repeat;
|
|
|
|
|
background-size: 244rpx;
|
|
|
|
|
&__min{
|
|
|
|
|
width: 50rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.msg{
|
|
|
|
|
padding-right: 10rpx;
|
|
|
|
|
position: relative;
|
|
|
|
|
&--badge{
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: -14rpx;
|
|
|
|
|
z-index: 999;
|
|
|
|
|
border:1px solid $color-grey0
|
|
|
|
|
}
|
|
|
|
|
&--icon{
|
|
|
|
|
width: 32rpx;
|
|
|
|
|
height: 38rpx;
|
|
|
|
|
width: 33rpx;
|
|
|
|
|
height: 42rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.search{
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
padding: 5rpx 30rpx 0;
|
|
|
|
|
background: $color-blue5;
|
|
|
|
|
&__min{
|
|
|
|
|
width: 548rpx;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
&--input{
|
|
|
|
|
display: flex;
|
|
|
|
@ -160,13 +170,13 @@ page{
|
|
|
|
|
color: $color-grey0;
|
|
|
|
|
border-radius: 8rpx;
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
font-size: $font-size-sm;
|
|
|
|
|
font-size: $font-size-base;
|
|
|
|
|
&::after{
|
|
|
|
|
display: block;
|
|
|
|
|
content: "";
|
|
|
|
|
width: 34rpx;
|
|
|
|
|
height: 36rpx;
|
|
|
|
|
background: url("@/static/index/search.png");
|
|
|
|
|
height: 38rpx;
|
|
|
|
|
background: url("@/static/index/search.png") no-repeat;
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
@ -179,15 +189,17 @@ page{
|
|
|
|
|
|
|
|
|
|
.category{
|
|
|
|
|
display: flex;
|
|
|
|
|
padding: 0 20rpx;
|
|
|
|
|
padding: 0 35rpx;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
&--item{
|
|
|
|
|
padding: 0 10rpx;
|
|
|
|
|
width: 130rpx;
|
|
|
|
|
margin-bottom: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
&--image-box{
|
|
|
|
|
width: 120rpx;
|
|
|
|
|
height: 120rpx;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
|
&--image{
|
|
|
|
|
width: 120rpx;
|
|
|
|
@ -202,6 +214,7 @@ page{
|
|
|
|
|
}
|
|
|
|
|
.title{
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
margin: 60rpx 30rpx 30rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|