This commit is contained in:
2019-12-14 14:18:19 +08:00
26 changed files with 540 additions and 0 deletions

View File

@@ -0,0 +1,25 @@
// components/addaddress/shuru/shuru.js
Component({
/**
* 组件的属性列表
*/
properties: {
left: String,
right: String,
ifarrow: Boolean
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View File

@@ -0,0 +1,32 @@
.shuru {
width: 670rpx;
height: 100rpx;
border-bottom: 2rpx solid #E8E8E8;
margin: 0 auto;
display: flex;
justify-content: space-between;
line-height: 100rpx;
font-size: 28rpx;
.left {
color: #333333;
}
.right {
margin: auto 0;
display: flex;
.shuru1 {
width: 280rpx;
text-align: right;
}
.shurupla {
color: #999999;
font-size: 28rpx;
}
.arrow {
width: 14rpx;
height: 25rpx;
background-color: #999999;
margin: auto 0;
margin-left: 27rpx;
}
}
}

View File

@@ -0,0 +1,11 @@
<view class="shuru">
<view class="left">{{left}}</view>
<view class="right"wx:if="{{ifarrow}}">
<text class="shurupla">{{right}}</text>
<view class="arrow"></view>
</view>
<view class="right" wx:else>
<input type="text" placeholder-class="shurupla" class="shuru1" placeholder="{{right}}" value=""/>
</view>
</view>

View File

@@ -0,0 +1,37 @@
.shuru {
width: 670rpx;
height: 100rpx;
border-bottom: 2rpx solid #E8E8E8;
margin: 0 auto;
display: flex;
justify-content: space-between;
line-height: 100rpx;
font-size: 28rpx;
}
.shuru .left {
color: #333333;
}
.shuru .right {
margin: auto 0;
display: flex;
}
.shuru .right .shuru1 {
width: 280rpx;
text-align: right;
}
.shuru .right .shurupla {
color: #999999;
font-size: 28rpx;
}
.shuru .right .arrow {
width: 14rpx;
height: 25rpx;
background-color: #999999;
margin: auto 0;
margin-left: 27rpx;
}

View File

@@ -0,0 +1,23 @@
// components/chooseaddr/addradd/addradd.js
Component({
/**
* 组件的属性列表
*/
properties: {
text: String
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<view class="btn" >{{text}}</view>

View File

@@ -0,0 +1,11 @@
.btn {
width: 650rpx;
height: 98rpx;
background: #09BB07;
border-radius: 10rpx;
margin: 0 auto;
font-size: 36rpx;
color: white;
line-height: 98rpx;
text-align: center;
}

View File

@@ -0,0 +1,23 @@
// components/chooseaddr/address/address.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View File

@@ -0,0 +1,65 @@
.address {
width: 690rpx;
height: 192rpx;
border-bottom: 2rpx solid #EAEAEA;
display: flex;
justify-content: space-between;
padding-bottom: 27rpx;
;
.left {
width: 551rpx;
height: 119rpx;
.userinfo {
color: #333333;
font-size: 26rpx;
text-indent: 30rpx;
margin-top: 41rpx;
display: flex;
justify-content: space-between;
}
.addr {
color: #999999;
font-size: 24rpx;
text-indent: 30rpx;
margin-top: 32rpx;
width: 551rpx;
margin-left: 20rpx;
// display: flex;
.select {
width: 26rpx;
height: 26rpx;
margin: auto 0;
border-radius: 50%;
background-color: #EAEAEA;
float: left;
}
.selected {
background-color: #47C877;
}
.default {
// margin-left: 12rpx;
font-size: 24rpx;
text-indent: 16rpx;
line-height: 60rpx;
float: left;
}
.path {
// float: left;
line-height: 39rpx;
}
}
}
.line {
width: 2rpx;
height: 75rpx;
background: rgba(211, 211, 211, 1);
margin: auto 0;
}
.right {
color: #666666;
font-size: 24rpx;
line-height: 192rpx;
margin-left: 30rpx;
margin-right: 21rpx;
}
}

View File

@@ -0,0 +1,16 @@
<view class="address">
<view class="left">
<view class="userinfo">
<text class="username">于于宇 15698857895</text>
<text>邮政编码677467</text>
</view>
<view class="addr">
<view class="select selected"></view>
<!-- <view class="default"></view> -->
<view class="path">默认
中国大陆 山东省 青岛市 即墨区 纯阳路 某某某小区</view>
</view>
</view>
<view class="line"></view>
<view class="right">删除</view>
</view>

View File

@@ -0,0 +1,70 @@
.address {
width: 690rpx;
height: 192rpx;
border-bottom: 2rpx solid #EAEAEA;
display: flex;
justify-content: space-between;
padding-bottom: 27rpx;
}
.address .left {
width: 551rpx;
height: 119rpx;
}
.address .left .userinfo {
color: #333333;
font-size: 26rpx;
text-indent: 30rpx;
margin-top: 41rpx;
display: flex;
justify-content: space-between;
}
.address .left .addr {
color: #999999;
font-size: 24rpx;
text-indent: 30rpx;
margin-top: 32rpx;
width: 551rpx;
margin-left: 20rpx;
}
.address .left .addr .select {
width: 26rpx;
height: 26rpx;
margin: auto 0;
border-radius: 50%;
background-color: #EAEAEA;
float: left;
}
.address .left .addr .selected {
background-color: #47C877;
}
.address .left .addr .default {
font-size: 24rpx;
text-indent: 16rpx;
line-height: 60rpx;
float: left;
}
.address .left .addr .path {
line-height: 39rpx;
}
.address .line {
width: 2rpx;
height: 75rpx;
background: lightgray;
margin: auto 0;
}
.address .right {
color: #666666;
font-size: 24rpx;
line-height: 192rpx;
margin-left: 30rpx;
margin-right: 21rpx;
}