ch
3 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