This commit is contained in:
2019-12-24 16:32:27 +08:00
parent 68a7aea72c
commit f9ef1a34bd
34 changed files with 136 additions and 55 deletions

View File

@@ -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})
}

View File

@@ -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>

View File

@@ -9,7 +9,7 @@
>image{
width: 42rpx;
height: 42rpx;
background-color: #000;
// background-color: #000;
margin-left: 40rpx;
margin-top: 17rpx;
}

View File

@@ -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}

View File

@@ -9,7 +9,7 @@
.image {
width: 141rpx;
height: 150rpx;
background-color: #000;
// background-color: #000;
margin-left: 34rpx;
}
.introduce {

View File

@@ -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}

View File

@@ -17,7 +17,7 @@ border-bottom: 1rpx solid #F2F2F2;
.image {
width: 141rpx;
height: 150rpx;
background-color: #000;
// background-color: #000;
margin-left: 34rpx;
}
.introduce {

View File

@@ -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}

View File

@@ -4,7 +4,10 @@ Component({
* 组件的属性列表
*/
properties: {
name:String,
number:String,
phone:String,
addr:String
},
/**

View File

@@ -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>

View File

@@ -11,13 +11,23 @@ Component({
* 组件的初始数据
*/
data: {
id:0
},
/**
* 组件的方法列表
*/
methods: {
a(a){
// console.log(a)
this.setData({
id:0
})
},
b(){
this.setData({
id:1
})
}
}
})

View File

@@ -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>

View File

@@ -5,7 +5,7 @@
.image {
width: 171rpx;
height: 168rpx;
background-color: #000;
// background-color: #000;
}
.message {
margin-left: 24rpx;

View File

@@ -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}

View File

@@ -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(){