分类页面完成
This commit is contained in:
8
components/classify/navigation/index.js
Normal file
8
components/classify/navigation/index.js
Normal file
@@ -0,0 +1,8 @@
|
||||
Component({
|
||||
properties: {
|
||||
},
|
||||
data: {
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
})
|
||||
6
components/classify/navigation/index.json
Normal file
6
components/classify/navigation/index.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
20
components/classify/navigation/index.scss
Normal file
20
components/classify/navigation/index.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
.navigation {
|
||||
width: 188rpx;
|
||||
// margin-right: 2rpx;
|
||||
border-right: 2rpx solid #eaeaea;
|
||||
max-height: 100vh;
|
||||
view{
|
||||
height: 97rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
border-bottom: 2rpx solid #eaeaea;
|
||||
line-height: 97rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.on{
|
||||
border-left: 5rpx solid #56CC84;
|
||||
color:#56CC84;
|
||||
}
|
||||
}
|
||||
10
components/classify/navigation/index.wxml
Normal file
10
components/classify/navigation/index.wxml
Normal file
@@ -0,0 +1,10 @@
|
||||
<scroll-view class="navigation" scroll-y="{{true}}" >
|
||||
<view class="on">热门商品</view>
|
||||
<view>美容健身</view>
|
||||
<view>美容健身</view>
|
||||
<view>美容健身</view>
|
||||
<view>美容健身</view>
|
||||
<view>美容健身</view>
|
||||
<view>美容健身</view>
|
||||
<view>美容健身</view>
|
||||
</scroll-view>
|
||||
1
components/classify/navigation/index.wxss
Normal file
1
components/classify/navigation/index.wxss
Normal file
@@ -0,0 +1 @@
|
||||
.navigation{width:188rpx;border-right:2rpx solid #eaeaea;max-height:100vh}.navigation view{height:97rpx;font-size:28rpx;color:#333;border-bottom:2rpx solid #eaeaea;line-height:97rpx;font-weight:bold;text-align:center;box-sizing:border-box}.navigation .on{border-left:5rpx solid #56CC84;color:#56CC84}
|
||||
Reference in New Issue
Block a user