部分
This commit is contained in:
@@ -1,16 +1,17 @@
|
||||
Component({
|
||||
properties: {
|
||||
types: Array
|
||||
types: Array,
|
||||
ids: Number
|
||||
|
||||
},
|
||||
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
|
||||
ids: a.target.dataset.id
|
||||
})
|
||||
this.triggerEvent("select",{id:a.target.dataset.id})
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<scroll-view class="navigation" scroll-y="{{true}}" bind:tap="select" >
|
||||
<view wx:for="{{types}}" data-id="{{index}}" class="{{id == index?'on' : ''}}">{{item.name}}</view>
|
||||
<!-- {{ids}} -->
|
||||
<view wx:for="{{types}}" data-id="{{item.id}}" class="{{ids == item.id?'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>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
>image{
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
background-color: #000;
|
||||
// background-color: #000;
|
||||
margin-left: 40rpx;
|
||||
margin-top: 17rpx;
|
||||
}
|
||||
|
||||
@@ -1 +1 @@
|
||||
.search{width:613rpx;height:76rpx;margin-top:30rpx;box-sizing:border-box;border-radius:15rpx;display:flex;border:1rpx solid #c6c6c6}.search>image{width:42rpx;height:42rpx;background-color:#000;margin-left:40rpx;margin-top:17rpx}.search>input{height:30rpx;width:480rpx;margin-top:20rpx;margin-left:17rpx;font-size:30rpx}
|
||||
.search{width:613rpx;height:76rpx;margin-top:30rpx;box-sizing:border-box;border-radius:15rpx;display:flex;border:1rpx solid #c6c6c6}.search>image{width:42rpx;height:42rpx;margin-left:40rpx;margin-top:17rpx}.search>input{height:30rpx;width:480rpx;margin-top:20rpx;margin-left:17rpx;font-size:30rpx}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
.image {
|
||||
width: 141rpx;
|
||||
height: 150rpx;
|
||||
background-color: #000;
|
||||
// background-color: #000;
|
||||
margin-left: 34rpx;
|
||||
}
|
||||
.introduce {
|
||||
|
||||
@@ -1 +1 @@
|
||||
.commodity{margin-top:20rpx;background-color:#fff}.commodity .message{padding:35rpx;display:flex;align-items:center;border-bottom:1rpx solid #F2F2F2}.commodity .message .image{width:141rpx;height:150rpx;background-color:#000;margin-left:34rpx}.commodity .message .introduce{margin-left:32rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;width:362rpx}.commodity .message .introduce .title{font-size:28rpx;color:#333}.commodity .message .introduce .count{font-size:24rpx;color:#999;display:flex}.commodity .message .introduce .count>view{margin-right:27rpx}.commodity .message .parameter{width:150rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.commodity .aggregate{display:flex;box-sizing:border-box;padding:30rpx;justify-content:flex-end;font-size:22rpx;color:#999;height:78rpx;border-bottom:1rpx solid #F2F2F2}.commodity .aggregate>text{color:#333;margin:0 5rpx}.commodity .operation{height:84rpx;display:flex;justify-content:flex-end;padding:0 30rpx;align-items:center}.commodity .operation .button{width:133rpx;height:51rpx;border:2rpx solid #999999;border-radius:26rpx;text-align:center;font-size:22rpx;color:#999999;line-height:51rpx;margin-right:8rpx}.commodity .operation .hlight{border:2rpx solid #47c877;color:#47C877}
|
||||
.commodity{margin-top:20rpx;background-color:#fff}.commodity .message{padding:35rpx;display:flex;align-items:center;border-bottom:1rpx solid #F2F2F2}.commodity .message .image{width:141rpx;height:150rpx;margin-left:34rpx}.commodity .message .introduce{margin-left:32rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;width:362rpx}.commodity .message .introduce .title{font-size:28rpx;color:#333}.commodity .message .introduce .count{font-size:24rpx;color:#999;display:flex}.commodity .message .introduce .count>view{margin-right:27rpx}.commodity .message .parameter{width:150rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.commodity .aggregate{display:flex;box-sizing:border-box;padding:30rpx;justify-content:flex-end;font-size:22rpx;color:#999;height:78rpx;border-bottom:1rpx solid #F2F2F2}.commodity .aggregate>text{color:#333;margin:0 5rpx}.commodity .operation{height:84rpx;display:flex;justify-content:flex-end;padding:0 30rpx;align-items:center}.commodity .operation .button{width:133rpx;height:51rpx;border:2rpx solid #999999;border-radius:26rpx;text-align:center;font-size:22rpx;color:#999999;line-height:51rpx;margin-right:8rpx}.commodity .operation .hlight{border:2rpx solid #47c877;color:#47C877}
|
||||
|
||||
@@ -17,7 +17,7 @@ border-bottom: 1rpx solid #F2F2F2;
|
||||
.image {
|
||||
width: 141rpx;
|
||||
height: 150rpx;
|
||||
background-color: #000;
|
||||
// background-color: #000;
|
||||
margin-left: 34rpx;
|
||||
}
|
||||
.introduce {
|
||||
|
||||
@@ -1 +1 @@
|
||||
.towline{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message{padding:35rpx;display:flex;align-items:center;border-bottom:1rpx solid #F2F2F2}.message .image{width:141rpx;height:150rpx;background-color:#000;margin-left:34rpx}.message .introduce{margin-left:32rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;width:362rpx}.message .introduce .title{font-size:28rpx;color:#333}.message .introduce .count{font-size:24rpx;color:#999;display:flex}.message .introduce .count>view{margin-right:27rpx}.message .parameter{width:150rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
|
||||
.towline{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message{padding:35rpx;display:flex;align-items:center;border-bottom:1rpx solid #F2F2F2}.message .image{width:141rpx;height:150rpx;margin-left:34rpx}.message .introduce{margin-left:32rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;width:362rpx}.message .introduce .title{font-size:28rpx;color:#333}.message .introduce .count{font-size:24rpx;color:#999;display:flex}.message .introduce .count>view{margin-right:27rpx}.message .parameter{width:150rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
|
||||
|
||||
@@ -4,7 +4,10 @@ Component({
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
name:String,
|
||||
number:String,
|
||||
phone:String,
|
||||
addr:String
|
||||
},
|
||||
|
||||
/**
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
<view class="orderchooseaddr" bindtap="choose">
|
||||
<view class="left">
|
||||
<view class="userinfo">
|
||||
<text class="username">于于宇 15698857895</text>
|
||||
<text>邮政编码:677467</text>
|
||||
<text class="username">{{name == "" ? "请选择地址" :name}} {{phone}}</text>
|
||||
<text>邮政编码:{{number}}</text>
|
||||
</view>
|
||||
<view class="addr">
|
||||
中国大陆 山东省 青岛市 即墨区 纯阳路 某某某小区
|
||||
</view>
|
||||
{{addr}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="right"></view>
|
||||
</view>
|
||||
@@ -11,13 +11,23 @@ Component({
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
id:0
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
a(a){
|
||||
// console.log(a)
|
||||
this.setData({
|
||||
id:0
|
||||
})
|
||||
},
|
||||
b(){
|
||||
this.setData({
|
||||
id:1
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<view class="chooseway">
|
||||
<view class="item item1">
|
||||
<view class="select selected"></view>
|
||||
<view class="chooseway" >
|
||||
<view class="item item1" bind:tap="a">
|
||||
<view class="select {{id == 0 ? 'selected' : ''}}"></view>
|
||||
<text class="way">快递配送</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="select"></view>
|
||||
<view class="item" bind:tap="b">
|
||||
<view class="select {{id == 1 ? 'selected' : ''}}"></view>
|
||||
<text class="way">到店自取</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -5,7 +5,7 @@
|
||||
.image {
|
||||
width: 171rpx;
|
||||
height: 168rpx;
|
||||
background-color: #000;
|
||||
// background-color: #000;
|
||||
}
|
||||
.message {
|
||||
margin-left: 24rpx;
|
||||
|
||||
@@ -1 +1 @@
|
||||
.merchandise{padding:46rpx 32rpx;display:flex;border-bottom:20rpx solid #fbfbfb}.merchandise .image{width:171rpx;height:168rpx;background-color:#000}.merchandise .message{margin-left:24rpx}.merchandise .message .title{font-size:26rpx;color:#333;width:491rpx;margin-bottom:9rpx}.merchandise .message .brief{font-size:22rpx;color:#999;margin-bottom:26rpx}.merchandise .message .price{font-size:28rpx;color:#ff4e6c}
|
||||
.merchandise{padding:46rpx 32rpx;display:flex;border-bottom:20rpx solid #fbfbfb}.merchandise .image{width:171rpx;height:168rpx}.merchandise .message{margin-left:24rpx}.merchandise .message .title{font-size:26rpx;color:#333;width:491rpx;margin-bottom:9rpx}.merchandise .message .brief{font-size:22rpx;color:#999;margin-bottom:26rpx}.merchandise .message .price{font-size:28rpx;color:#ff4e6c}
|
||||
|
||||
@@ -42,6 +42,7 @@ Component({
|
||||
num:this.data.num
|
||||
}
|
||||
}).then((res)=>{
|
||||
this.triggerEvent('gai', {id:this.data.gid,num:this.data.num})
|
||||
|
||||
})
|
||||
|
||||
@@ -58,7 +59,7 @@ Component({
|
||||
num:this.data.num
|
||||
}
|
||||
}).then((res)=>{
|
||||
|
||||
this.triggerEvent('gai', {id:this.data.gid,num:this.data.num})
|
||||
})
|
||||
},
|
||||
sel(){
|
||||
|
||||
Reference in New Issue
Block a user