cxc/yshopb2c-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改html标签为uni标签,修改rem单位为rpx,修改提示及确认为uniapi,修改登录模块为uni接口,修改css入口为APP.vue,增加app端样式支持

Browse Source
This commit is contained in:
gaoxs
2020-03-16 15:51:08 +08:00
parent fa289d66a8
commit 95845779db
422 changed files with 34024 additions and 32630 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
pages/user/address/AddAddress/index.vue
View File

@ -1,19 +1,19 @@
<template>
<div class="addAddress absolute">
<div class="list">
<div class="item acea-row row-between-wrapper">
<div class="name">姓名</div>
<view class="addAddress absolute">
<view class="list">
<view class="item acea-row row-between-wrapper">
<view class="name">姓名</view>
<input type="text" placeholder="请输入姓名" v-model="userAddress.realName" required />
</div>
<div class="item acea-row row-between-wrapper">
<div class="name">联系电话</div>
</view>
<view class="item acea-row row-between-wrapper">
<view class="name">联系电话</view>
<input type="text" placeholder="请输入联系电话" v-model="userAddress.phone" required />
</div>
<div class="item acea-row row-between-wrapper">
<div class="name">所在地区</div>
<div class="picker acea-row row-between-wrapper select-value form-control">
<div class="address">
<div slot="right" @click.stop="show2 = true">{{ model2 || "请选择收货地址" }}</div>
</view>
<view class="item acea-row row-between-wrapper">
<view class="name">所在地区</view>
<view class="picker acea-row row-between-wrapper select-value form-control">
<view class="address">
<view slot="right" @click.stop="show2 = true">{{ model2 || "请选择收货地址" }}</view>
<vant-popup :show="show2" position="bottom" @close="closeaArea">
<vant-area
:area-list="district"
@ -23,31 +23,31 @@
@confirm="result2"
/>
</vant-popup>
</div>
<div class="iconfont icon-dizhi font-color-red"></div>
</div>
</div>
<div class="item acea-row row-between-wrapper">
<div class="name">详细地址</div>
</view>
<view class="iconfont icon-dizhi font-color-red"></view>
</view>
</view>
<view class="item acea-row row-between-wrapper">
<view class="name">详细地址</view>
<input type="text" placeholder="请填写具体地址" v-model="userAddress.detail" required />
</div>
</div>
<div class="default acea-row row-middle">
<div class="select-btn">
<div class="checkbox-wrapper">
</view>
</view>
<view class="default acea-row row-middle">
<view class="select-btn">
<view class="checkbox-wrapper">
<checkbox-group @change="ChangeIsDefault">
<label class="well-check">
<checkbox value :checked="userAddress.isDefault ? true : false"></checkbox>
<span class="def">设置为默认地址</span>
<text class="def">设置为默认地址</text>
</label>
</checkbox-group>
</div>
</div>
</div>
<div></div>
<div class="keepBnt bg-color-red" @click="submit">立即保存</div>
<div class="wechatAddress" v-if="isWechat && !id" @click="getAddress">导入微信地址</div>
</div>
</view>
</view>
</view>
<view></view>
<view class="keepBnt bg-color-red" @click="submit">立即保存</view>
<view class="wechatAddress" v-if="isWechat && !id" @click="getAddress">导入微信地址</view>
</view>
</template>
<script type="text/babel">
// import { CitySelect } from "vue-ydui/dist/lib.rem/cityselect";
@ -130,12 +130,30 @@ export default {
post_code: ""
};
postAddress(data).then(function() {
if (that.id) that.$dialog.toast({ mes: "修改成功" });
else that.$dialog.toast({ mes: "添加成功" });
if (that.id) {
uni.showToast({
title: "修改成功",
icon: "none",
duration: 2000
});
} else {
uni.showToast({
title: "已取消绑定",
icon: "none",
duration: 2000
});
that.$yrouter.replace({
path: "/pages/user/PersonalData/index"
});
}
that.$yrouter.go(-1);
});
} catch (e) {
this.$dialog.error(e.msg);
} catch (err) {
uni.showToast({
title: err.msg || err.response.data.msg,
icon: "none",
duration: 2000
});
}
},
ChangeIsDefault: function() {

116
pages/user/address/AddressManagement/index.vue
View File

@ -1,30 +1,30 @@
<template>
<div
<view
class="address-management"
:class="addressList.length < 1 && page > 1 ? 'on' : ''"
ref="container"
>
<div class="line" v-if="addressList.length > 0">
<img :src="$VUE_APP_RESOURCES_URL+'/images/line.jpg'" />
</div>
<div class="item" v-for="(item, addressListIndex) in addressList" :key="addressListIndex">
<div class="address">
<div class="consignee">
<view class="line" v-if="addressList.length > 0">
<image :src="$VUE_APP_RESOURCES_URL+'/images/line.jpg'" />
</view>
<view class="item" v-for="(item, addressListIndex) in addressList" :key="addressListIndex">
<view class="address">
<view class="consignee">
收货人：{{ item.realName }}
<span class="phone">{{ item.phone }}</span>
</div>
<div>
<text class="phone">{{ item.phone }}</text>
</view>
<view>
收货地址：{{ item.province }}{{ item.city }}{{ item.district
}}{{ item.detail }}
</div>
</div>
<div class="operation acea-row row-between-wrapper">
<div class="select-btn">
<div class="checkbox-wrapper">
</view>
</view>
<view class="operation acea-row row-between-wrapper">
<view class="select-btn">
<view class="checkbox-wrapper">
<checkbox-group @change="radioChange(item.id)">
<label class="well-check">
<checkbox value :checked="item.isDefault||item.isDefault=='1' ? true : false"></checkbox>
<span class="default">设为默认</span>
<text class="default">设为默认</text>
</label>
</checkbox-group>
<!-- <label class="well-check">
@ -36,39 +36,39 @@
@click="radioChange(addressListIndex)"
/>
<i class="icon"></i>
<span class="default">设为默认</span>
<text class="default">设为默认</text>
</label>-->
</div>
</div>
<div class="acea-row row-middle">
<div @click="editAddress(addressListIndex)">
<span class="iconfont icon-bianji"></span>编辑
</div>
<div @click="delAddress(addressListIndex)">
<span class="iconfont icon-shanchu"></span>删除
</div>
</div>
</div>
</div>
</view>
</view>
<view class="acea-row row-middle">
<view @click="editAddress(addressListIndex)">
<text class="iconfont icon-bianji"></text>编辑
</view>
<view @click="delAddress(addressListIndex)">
<text class="iconfont icon-shanchu"></text>删除
</view>
</view>
</view>
</view>
<Loading :loaded="loadend" :loading="loading"></Loading>
<div class="noCommodity" v-if="addressList.length < 1 && page > 1">
<div class="noPictrue">
<img :src="$VUE_APP_RESOURCES_URL+'/images/noAddress.png'" class="image" />
</div>
</div>
<div style="height:100rpx;"></div>
<div class="footer acea-row row-between-wrapper">
<div class="addressBnt bg-color-red" v-if="isWechat" @click="addAddress">
<span class="iconfont icon-tianjiadizhi"></span>添加新地址
</div>
<div class="addressBnt on bg-color-red" v-else @click="addAddress">
<span class="iconfont icon-tianjiadizhi"></span>添加新地址
</div>
<!--<div class="addressBnt wxbnt" v-if="isWechat" @click="getAddress">-->
<!--<span class="iconfont icon-weixin2"></span>导入微信地址-->
<!--</div>-->
</div>
</div>
<view class="noCommodity" v-if="addressList.length < 1 && page > 1">
<view class="noPictrue">
<image :src="$VUE_APP_RESOURCES_URL+'/images/noAddress.png'" class="image" />
</view>
</view>
<view style="height:100rpx;"></view>
<view class="footer acea-row row-between-wrapper">
<view class="addressBnt bg-color-red" v-if="isWechat" @click="addAddress">
<text class="iconfont icon-tianjiadizhi"></text>添加新地址
</view>
<view class="addressBnt on bg-color-red" v-else @click="addAddress">
<text class="iconfont icon-tianjiadizhi"></text>添加新地址
</view>
<!--<view class="addressBnt wxbnt" v-if="isWechat" @click="getAddress">-->
<!--<text class="iconfont icon-weixin2"></text>导入微信地址-->
<!--</view>-->
</view>
</view>
</template>
<style scoped>
.address-management.on {
@ -108,7 +108,7 @@ export default {
onReachBottom() {
!this.loading && this.AddressList();
},
onShow:function(){
onShow: function() {
this.refresh();
},
methods: {
@ -152,9 +152,11 @@ export default {
let address = this.addressList[index];
let id = address.id;
getAddressRemove(id).then(function() {
that.$dialog.toast({
mes: "删除成功!",
callback: () => {
uni.showToast({
title: "删除成功!",
icon:"success",
duration: 2000,
complete: () => {
that.addressList.splice(index, 1);
that.$set(that, "addressList", that.addressList);
}
@ -200,11 +202,19 @@ export default {
// this.addressList = [];
// this.AddressList();
// uni.hideLoading();
// this.$dialog.toast({ mes: "添加成功" });
// uni.showToast({
// title: "添加成功",
// icon: 'success',
// duration: 2000
// });
// })
// .catch(err => {
// uni.hideLoading();
// this.$dialog.error(err.msg || "添加失败");
// uni.showToast({
// title: err.msg || err.response.data.msg,
// icon: 'none',
// duration: 2000
// });
// });
// });
}