|
@@ -0,0 +1,135 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view class="cart_nav acea-row">
|
|
|
+ <!-- #ifdef MP-->
|
|
|
+ <view class="mp-header" :style="{top: navH + 'rpx'}">
|
|
|
+ <view class=" flex-col flex-center" style="background-color: #fff;">
|
|
|
+ <view class="flex-y-center" style="justify-content: flex-end;padding: 10rpx 19rpx 38rpx 19rpx;width: 100%;">
|
|
|
+ <image style="width: 39rpx;height: 39rpx;" src="/static/img/chacha.png" @tap="onCancel"></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex-wrap flex-around-center" style="margin: 0 100rpx;gap: 20rpx;width: 100%;">
|
|
|
+ <radio-group @change="radioChange">
|
|
|
+ <label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in pointData" :key="item.value">
|
|
|
+ <view>
|
|
|
+ <radio :value="item.isDefault" :checked="item.isDefault" />
|
|
|
+ </view>
|
|
|
+ <view class="tip-box">{{item.name}}</view>
|
|
|
+ </label>
|
|
|
+ </radio-group>
|
|
|
+ <!-- <view v-for="(item, index) in specsData" :key="index" style="flex: 1;" class="flex-center flex-col">
|
|
|
+ <radio :value="item.isDefault" :checked="item.isDefault" />
|
|
|
+ <view class="tip-box flex-center" >
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ <button class="sub flex-center" @tap="onSure">确定</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- #endif -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ // +----------------------------------------------------------------------
|
|
|
+ // | CRMEB [ CRMEB赋能开发者,助力企业发展 ]
|
|
|
+ // +----------------------------------------------------------------------
|
|
|
+ // | Copyright (c) 2016~2025 https://www.crmeb.com All rights reserved.
|
|
|
+ // +----------------------------------------------------------------------
|
|
|
+ // | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权
|
|
|
+ // +----------------------------------------------------------------------
|
|
|
+ // | Author: CRMEB Team <admin@crmeb.com>
|
|
|
+ // +----------------------------------------------------------------------
|
|
|
+ import {
|
|
|
+ mapGetters
|
|
|
+ } from "vuex";
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ navH: '',
|
|
|
+ pointData: [{
|
|
|
+ id: 1,
|
|
|
+ name: '邮块超市取件码500以上-23-2栋负一',
|
|
|
+ isDefault: false
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 2,
|
|
|
+ name: '京东快递-二食堂四楼',
|
|
|
+ isDefault: false
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 3,
|
|
|
+ name: '华北门华硕电脑店顺丰快递-校外',
|
|
|
+ isDefault: false
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {},
|
|
|
+ computed: mapGetters(['globalData']),
|
|
|
+ created() {
|
|
|
+ // #ifdef MP || APP-PLUS
|
|
|
+ // 获取导航高度;
|
|
|
+ this.navH = this.globalData.navHeight;
|
|
|
+ // #endif
|
|
|
+ // #ifdef H5
|
|
|
+ this.navH = 80;
|
|
|
+ // #endif
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ radioChange: function(evt) {
|
|
|
+ console.log(evt)
|
|
|
+ },
|
|
|
+ onSure() {
|
|
|
+ const obj = this.pointData.find(item => item.isDefault)
|
|
|
+ this.$emit('pointValue', obj)
|
|
|
+ },
|
|
|
+ onCancel() {
|
|
|
+ this.$emit('onCancel', false)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+ /* #ifdef MP || APP-PLUS */
|
|
|
+ .mp-header {
|
|
|
+ border-bottom-left-radius: 23rpx;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 99999;
|
|
|
+ background: rgba(33, 33, 33, 0.8);
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ /* #ifdef H5 */
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ /* #endif */
|
|
|
+
|
|
|
+ .tip-box {
|
|
|
+ // width: 27%;
|
|
|
+ width: 153rpx;
|
|
|
+ height: 58rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 23rpx;
|
|
|
+ color: #141414;
|
|
|
+ // padding: 12rpx 60rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /* #endif */
|
|
|
+ .cart_nav {
|
|
|
+ z-index: 99999;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sub {
|
|
|
+ background-color: $bg-color-primary;
|
|
|
+ width: 308rpx;
|
|
|
+ height: 77rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 31rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ margin: 58rpx 0 96rpx 0;
|
|
|
+ }
|
|
|
+</style>
|