换ubuntu
This commit is contained in:
@@ -1,18 +1,18 @@
|
||||
Component({
|
||||
properties: {
|
||||
types: Array
|
||||
},
|
||||
data: {
|
||||
id: 0
|
||||
},
|
||||
methods: {
|
||||
select(a) {
|
||||
// console.log(this.data.a.target.dataset.id)
|
||||
// console.log(a.target.dataset.id)
|
||||
this.setData({
|
||||
id: a.target.dataset.id
|
||||
})
|
||||
this.triggerEvent("select",{id:a.target.dataset.id})
|
||||
}
|
||||
}
|
||||
Component({
|
||||
properties: {
|
||||
types: Array
|
||||
},
|
||||
data: {
|
||||
id: 0
|
||||
},
|
||||
methods: {
|
||||
select(a) {
|
||||
// console.log(this.data.a.target.dataset.id)
|
||||
// console.log(a.target.dataset.id)
|
||||
this.setData({
|
||||
id: a.target.dataset.id
|
||||
})
|
||||
this.triggerEvent("select",{id:a.target.dataset.id})
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
@@ -1,20 +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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@@ -1,11 +1,11 @@
|
||||
<scroll-view class="navigation" scroll-y="{{true}}" bind:tap="select" >
|
||||
<view wx:for="{{types}}" data-id="{{index}}" class="{{id == index?'on' : ''}}">{{item.name}}</view>
|
||||
<!-- <view data-id="0" class="{{id == 0?'on' : ''}}">热门商品</view>
|
||||
<view data-id="1" class="{{id == 1?'on' : ''}}">美容健身</view>
|
||||
<view data-id="2" class="{{id == 2?'on' : ''}}">美容健身</view>
|
||||
<view data-id="3" class="{{id == 3?'on' : ''}}">美容健身</view>
|
||||
<view data-id="4" class="{{id == 4?'on' : ''}}">美容健身</view>
|
||||
<view data-id="5" class="{{id == 5?'on' : ''}}">美容健身</view>
|
||||
<view data-id="6" class="{{id == 6?'on' : ''}}">美容健身</view>
|
||||
<view data-id="7" class="{{id == 7?'on' : ''}}">美容健身</view> -->
|
||||
<scroll-view class="navigation" scroll-y="{{true}}" bind:tap="select" >
|
||||
<view wx:for="{{types}}" data-id="{{index}}" class="{{id == index?'on' : ''}}">{{item.name}}</view>
|
||||
<!-- <view data-id="0" class="{{id == 0?'on' : ''}}">热门商品</view>
|
||||
<view data-id="1" class="{{id == 1?'on' : ''}}">美容健身</view>
|
||||
<view data-id="2" class="{{id == 2?'on' : ''}}">美容健身</view>
|
||||
<view data-id="3" class="{{id == 3?'on' : ''}}">美容健身</view>
|
||||
<view data-id="4" class="{{id == 4?'on' : ''}}">美容健身</view>
|
||||
<view data-id="5" class="{{id == 5?'on' : ''}}">美容健身</view>
|
||||
<view data-id="6" class="{{id == 6?'on' : ''}}">美容健身</view>
|
||||
<view data-id="7" class="{{id == 7?'on' : ''}}">美容健身</view> -->
|
||||
</scroll-view>
|
||||
@@ -1 +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}
|
||||
.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