ch
4 years ago
parent
d88ebdbd99
commit
99c802a8d5
@ -1,56 +0,0 @@
|
|||||||
<!--
|
|
||||||
* @Author: ch
|
|
||||||
* @Date: 2022-03-23 16:05:10
|
|
||||||
* @LastEditors: ch
|
|
||||||
* @LastEditTime: 2022-03-23 16:32:42
|
|
||||||
* @Description: file content
|
|
||||||
-->
|
|
||||||
<template>
|
|
||||||
<view class="search">
|
|
||||||
<image class="search--icon" src="@/static/search/arrow.png" @click="$Router.back()"></image>
|
|
||||||
<u--input class="search--input" :placeholder="placeholder" @focus="$Router.push('/pages/goods/search')"
|
|
||||||
prefixIcon="search" clearable prefixIconStyle="font-size:48rpx;color:#ccc"
|
|
||||||
v-model="value" placeholderClass="search--input__placeholder"></u--input>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
value : {
|
|
||||||
type : String,
|
|
||||||
default : ''
|
|
||||||
},
|
|
||||||
placeholder : {
|
|
||||||
type : String,
|
|
||||||
default : '请输入您想搜索的商品名称'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.search{
|
|
||||||
height: 88rpx;
|
|
||||||
padding: 0 40rpx;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
background: #fff;
|
|
||||||
&--icon{
|
|
||||||
width: 14rpx;
|
|
||||||
height: 28rpx;
|
|
||||||
}
|
|
||||||
&--input{
|
|
||||||
display: block;
|
|
||||||
margin-left:40rpx;
|
|
||||||
height: 70rpx;
|
|
||||||
border:none;
|
|
||||||
box-sizing: border-box;
|
|
||||||
background: #F8F8F8;
|
|
||||||
&__placeholder{
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -0,0 +1,100 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: ch
|
||||||
|
* @Date: 2022-03-29 16:05:06
|
||||||
|
* @LastEditors: ch
|
||||||
|
* @LastEditTime: 2022-03-29 16:20:03
|
||||||
|
* @Description: file content
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<UiCell title="所在区域" @click="show = true">
|
||||||
|
<template slot="value">
|
||||||
|
<input class="cityInput" disabled value="我的" placeholder="请选择省市区" />
|
||||||
|
</template>
|
||||||
|
</UiCell>
|
||||||
|
<u-picker
|
||||||
|
:show="show"
|
||||||
|
keyName="label"
|
||||||
|
:columns="data"
|
||||||
|
@cancel="show = false"
|
||||||
|
@change="changeRegion"
|
||||||
|
@confirm="onConfirm"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import UiCell from "./UiCell";
|
||||||
|
export default {
|
||||||
|
components: { UiCell },
|
||||||
|
props: ["value"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false,
|
||||||
|
data: [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
label: "北京",
|
||||||
|
id: 11000000,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "东城",
|
||||||
|
id: 11100000,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "西城",
|
||||||
|
id: 11200000,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "湖南",
|
||||||
|
id: 43000000,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "长沙",
|
||||||
|
id: 11100000,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "邵阳",
|
||||||
|
id: 11200000,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
label: "东城",
|
||||||
|
id: 11100000,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "西城",
|
||||||
|
id: 11200000,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed:{
|
||||||
|
valueText(){
|
||||||
|
// this.va
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
changeCity(val) {
|
||||||
|
this.data = [this.options[0],val.value[0].children]
|
||||||
|
},
|
||||||
|
confirm(value) {
|
||||||
|
this.$emit('input', value)
|
||||||
|
this.$emit('change', value)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.cityInput{
|
||||||
|
flex: 1;
|
||||||
|
font-size: 28rpx;
|
||||||
|
padding-left: 40rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,85 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: ch
|
||||||
|
* @Date: 2022-03-22 14:12:18
|
||||||
|
* @LastEditors: ch
|
||||||
|
* @LastEditTime: 2022-03-29 16:24:26
|
||||||
|
* @Description: file content
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<view class="form">
|
||||||
|
<UiCell class="form--item" title="收货人" :rightIcon="false">
|
||||||
|
<template slot="value">
|
||||||
|
<input class="form--itemInput" placeholder="请输入收货人姓名"/>
|
||||||
|
</template>
|
||||||
|
</UiCell>
|
||||||
|
<UiCell class="form--item" title="手机号码" :rightIcon="false">
|
||||||
|
<template slot="value">
|
||||||
|
<input class="form--itemInput" placeholder="请输入收货手机号码"/>
|
||||||
|
</template>
|
||||||
|
</UiCell>
|
||||||
|
<BsSelectCity class="form--item form--city"></BsSelectCity>
|
||||||
|
<UiCell class="form--item form--item__last" title="详细地址" :rightIcon="false">
|
||||||
|
<template slot="value">
|
||||||
|
<input class="form--itemInput" placeholder="请输入详细地址"/>
|
||||||
|
</template>
|
||||||
|
</UiCell>
|
||||||
|
</view>
|
||||||
|
<view class="form">
|
||||||
|
<UiCell class="form--item" title="设为默认地址" >
|
||||||
|
<template slot="right-icon">
|
||||||
|
<u-switch space="2" :value="true" activeColor="#FF875B" inactiveColor="#F3F3F3" />
|
||||||
|
</template>
|
||||||
|
</UiCell>
|
||||||
|
<UiCell class="form--item form--item__last delAddress" title="删除收货地址" :rightIcon="false"></UiCell>
|
||||||
|
</view>
|
||||||
|
<UiButton class="saveBtn" type="solid" size="max">保存</UiButton>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import BsSelectCity from '../../../components/BsSelectCity.vue';
|
||||||
|
import UiButton from '../../../components/UiButton.vue';
|
||||||
|
import UiCell from '../../../components/UiCell.vue';
|
||||||
|
export default {
|
||||||
|
components: { UiCell, UiButton, BsSelectCity }
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
page {
|
||||||
|
background: #f8f8f8;
|
||||||
|
}
|
||||||
|
.form{
|
||||||
|
background: #fff;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
&--item{
|
||||||
|
padding: 0 40rpx;
|
||||||
|
&__last{
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&--city{
|
||||||
|
padding:0 ;
|
||||||
|
}
|
||||||
|
&--itemInput{
|
||||||
|
flex: 1;
|
||||||
|
font-size: 28rpx;
|
||||||
|
padding-left: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.saveBtn{
|
||||||
|
position: fixed;
|
||||||
|
bottom: 89rpx;
|
||||||
|
left: 30rpx;
|
||||||
|
}
|
||||||
|
/deep/ {
|
||||||
|
.delAddress .uiCell--title{
|
||||||
|
color: #FF875B;
|
||||||
|
}
|
||||||
|
.form--city .uiCell{
|
||||||
|
padding: 0 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
After Width: | Height: | Size: 539 B |
Loading…
Reference in new issue