搜索
This commit is contained in:
8
components/search/hot/index.js
Normal file
8
components/search/hot/index.js
Normal file
@@ -0,0 +1,8 @@
|
||||
Component({
|
||||
properties: {
|
||||
},
|
||||
data: {
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
})
|
||||
3
components/search/hot/index.json
Normal file
3
components/search/hot/index.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
||||
22
components/search/hot/index.scss
Normal file
22
components/search/hot/index.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
.hot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
.title {
|
||||
font-size: 34rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
width: 415rpx;
|
||||
height: 61rpx;
|
||||
line-height: 61rpx;
|
||||
text-align: center;
|
||||
background-image: linear-gradient(to right, #fff, #ecfff8, #fff);
|
||||
margin-top: 53rpx;
|
||||
margin-bottom: 38rpx;
|
||||
}
|
||||
.word{
|
||||
font-size: 30rpx;
|
||||
color: #999;
|
||||
margin-bottom: 55rpx;
|
||||
}
|
||||
}
|
||||
5
components/search/hot/index.wxml
Normal file
5
components/search/hot/index.wxml
Normal file
@@ -0,0 +1,5 @@
|
||||
<view class="hot">
|
||||
<view class="title">热门搜索</view>
|
||||
<view class="word">化妆品</view>
|
||||
<view class="word">化妆品</view>
|
||||
</view>
|
||||
1
components/search/hot/index.wxss
Normal file
1
components/search/hot/index.wxss
Normal file
@@ -0,0 +1 @@
|
||||
.hot{display:flex;align-items:center;flex-direction:column}.hot .title{font-size:34rpx;color:#333;font-weight:bold;width:415rpx;height:61rpx;line-height:61rpx;text-align:center;background-image:linear-gradient(to right, #fff, #ecfff8, #fff);margin-top:53rpx;margin-bottom:38rpx}.hot .word{font-size:30rpx;color:#999;margin-bottom:55rpx}
|
||||
Reference in New Issue
Block a user