jufubao-base 1.0.232-beta4 → 1.0.232-beta5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/JfbBaseCodeOpenVip/JfbBaseCodeOpenVip.vue +2 -2
- package/src/components/JfbBaseConsumpCode/JfbBaseConsumpCode.vue +2 -2
- package/src/components/JfbBaseOpenVip/JfbBaseOpenVip.vue +1 -1
- package/src/components/JfbBaseOpenVipDetail/JfbBaseOpenVipDetail.vue +2 -2
- package/src/components/JfbBasePersonalData/JfbBasePersonalData.vue +98 -33
- package/src/components/JfbBaseShare/JfbBaseShare.vue +1 -1
- package/src/components/JfbBaseUserInfo/JfbBaseUserInfo.vue +1 -1
package/package.json
CHANGED
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
|
|
48
48
|
<script>
|
|
49
49
|
import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
|
|
50
|
-
import XdListItem from "@/components/
|
|
50
|
+
import XdListItem from "@/components/CusListItem/CusListItem"
|
|
51
51
|
import XdButton from "@/components/XdButton/XdButton";
|
|
52
52
|
import { jfbRootExec } from "@/utils/xd.event";
|
|
53
53
|
import JfbBaseCodeOpenVipMixin from "./JfbBaseCodeOpenVipMixin";
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
],
|
|
67
67
|
data() {
|
|
68
68
|
return {
|
|
69
|
-
|
|
69
|
+
closeMask: true,
|
|
70
70
|
//todo
|
|
71
71
|
vipSuccessPath: "",
|
|
72
72
|
}
|
|
@@ -31,12 +31,12 @@
|
|
|
31
31
|
<view class="vip-title">
|
|
32
32
|
<view class="vip-title-left">PLUS会员专享</view>
|
|
33
33
|
<view class="vip-title-right">
|
|
34
|
-
<
|
|
34
|
+
<text>8</text>折
|
|
35
35
|
</view>
|
|
36
36
|
</view>
|
|
37
37
|
<view class="vip-open" @click="handleToOpen">
|
|
38
38
|
<xd-font-icon color="#FCBF28" size="20" icon="iconjinhangzhong"></xd-font-icon>
|
|
39
|
-
<
|
|
39
|
+
<text>立即开通</text>
|
|
40
40
|
<xd-font-icon size="20" icon="iconxiangyou_xian"></xd-font-icon>
|
|
41
41
|
</view>
|
|
42
42
|
</view>
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
<script>
|
|
33
33
|
import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
|
|
34
|
-
import XdListItem from "@/components/
|
|
34
|
+
import XdListItem from "@/components/CusListItem/CusListItem"
|
|
35
35
|
import { jfbRootExec } from "@/utils/xd.event";
|
|
36
36
|
import JfbBaseOpenVipDetailMixin from "./JfbBaseOpenVipDetailMixin";
|
|
37
37
|
import { getContainerPropsValue } from "@/utils/xd.base";
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
],
|
|
49
49
|
data() {
|
|
50
50
|
return {
|
|
51
|
-
|
|
51
|
+
closeMask: true,
|
|
52
52
|
//todo
|
|
53
53
|
}
|
|
54
54
|
},
|
|
@@ -1,26 +1,52 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<view
|
|
3
|
-
class="jfb-base-personal-data"
|
|
4
|
-
@click="handleEditxSelect"
|
|
5
|
-
:class="{ editx : isEditx && active }"
|
|
6
|
-
>
|
|
2
|
+
<view class="jfb-base-personal-data" @click="handleEditxSelect" :class="{ editx : isEditx && active }">
|
|
7
3
|
<!--#ifdef H5-->
|
|
8
|
-
<view
|
|
9
|
-
class="jfb-base-personal-data__edit"
|
|
10
|
-
:class="{ editx : isEditx && active }"
|
|
11
|
-
v-if="isEditx && active"
|
|
12
|
-
>
|
|
4
|
+
<view class="jfb-base-personal-data__edit" :class="{ editx : isEditx && active }" v-if="isEditx && active">
|
|
13
5
|
<view class="jfb-base-personal-data__edit-icon" @click="delEdit">删除</view>
|
|
14
6
|
</view>
|
|
15
7
|
<!-- #endif -->
|
|
16
8
|
<view class="jfb-base-personal-data__body">
|
|
17
|
-
<view
|
|
9
|
+
<view class="jfb-base-personal-data__body-item">
|
|
10
|
+
<view class="jfb-base-personal-data__body-item-label">头像</view>
|
|
11
|
+
<image class="profile" :src="data.profile" ></image>
|
|
12
|
+
</view>
|
|
13
|
+
<view class="jfb-base-personal-data__body-item">
|
|
14
|
+
<view class="jfb-base-personal-data__body-item-label">账号</view>
|
|
15
|
+
<view class="jfb-base-personal-data__body-item-value">{{data.account}}</view>
|
|
16
|
+
</view>
|
|
17
|
+
<view class="jfb-base-personal-data__body-item">
|
|
18
|
+
<view class="jfb-base-personal-data__body-item-label">名称</view>
|
|
19
|
+
<input class="jfb-base-personal-data__body-item-value" v-model="data.name" type="text">
|
|
20
|
+
</view>
|
|
21
|
+
<view class="jfb-base-personal-data__body-item">
|
|
22
|
+
<view class="jfb-base-personal-data__body-item-label">性别</view>
|
|
23
|
+
<XdSelect padding="0" color="#999" class="select" :defaultValue="data.sex" v-model="data.sex" :list="sexList">
|
|
24
|
+
<template>
|
|
25
|
+
<view class="jfb-base-personal-data__body-item-value">
|
|
26
|
+
<XdFontIcon class="icon" color="#999999" size="24" icon="iconxiangyou_xian"></XdFontIcon>
|
|
27
|
+
</view>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
</XdSelect>
|
|
31
|
+
</view>
|
|
32
|
+
<view class="jfb-base-personal-data__body-item">
|
|
33
|
+
<view class="jfb-base-personal-data__body-item-label">生日</view>
|
|
34
|
+
<view style="display: flex;align-items: center" @click="showDate=true">
|
|
35
|
+
<view class="jfb-base-personal-data__body-item-value">{{data.birthday}}</view>
|
|
36
|
+
<XdFontIcon class="icon" color="#999999" size="24" icon="iconxiangyou_xian"></XdFontIcon>
|
|
37
|
+
</view>
|
|
38
|
+
</view>
|
|
39
|
+
<XdDate ref="calendar" :selectType="false" :main-color="mainColor" :current-is-show-other-month="false" :show.sync="showDate"
|
|
40
|
+
:clear-date="true" :insert="false" :lunar="false" :selected-circle="false" :date="data.birthday"
|
|
41
|
+
@confirm="confirmDate" @close="closeDate"></XdDate>
|
|
18
42
|
</view>
|
|
19
43
|
</view>
|
|
20
44
|
</template>
|
|
21
45
|
|
|
22
46
|
<script>
|
|
23
47
|
import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
|
|
48
|
+
import XdDate from '@/components/XdDate/XdDate.vue'
|
|
49
|
+
import XdSelect from "@/components/XdSelect/XdSelect";
|
|
24
50
|
import { jfbRootExec } from "@/utils/xd.event";
|
|
25
51
|
import JfbBasePersonalDataMixin from "./JfbBasePersonalDataMixin";
|
|
26
52
|
import { getContainerPropsValue } from "@/utils/xd.base";
|
|
@@ -29,15 +55,35 @@
|
|
|
29
55
|
export default {
|
|
30
56
|
name: "JfbBasePersonalData",
|
|
31
57
|
components: {
|
|
32
|
-
XdFontIcon
|
|
58
|
+
XdFontIcon,
|
|
59
|
+
XdSelect,
|
|
60
|
+
XdDate
|
|
33
61
|
},
|
|
34
62
|
mixins: [
|
|
35
63
|
componentsMixins, extsMixins, JfbBasePersonalDataMixin
|
|
36
64
|
],
|
|
37
65
|
data() {
|
|
38
66
|
return {
|
|
39
|
-
|
|
40
|
-
|
|
67
|
+
single: '',
|
|
68
|
+
showDate: false,
|
|
69
|
+
birthday: '',
|
|
70
|
+
sexList: [
|
|
71
|
+
{
|
|
72
|
+
label: '男',
|
|
73
|
+
value: 1
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
label: '女',
|
|
77
|
+
value: 2
|
|
78
|
+
}
|
|
79
|
+
],
|
|
80
|
+
data: {
|
|
81
|
+
sex: 1,
|
|
82
|
+
profile: 'https://img.js.design/assets/smartFill/img316164da746310.jpg',
|
|
83
|
+
account: 5455645545,
|
|
84
|
+
name: '张三',
|
|
85
|
+
birthday: '2025-04-09'
|
|
86
|
+
}
|
|
41
87
|
}
|
|
42
88
|
},
|
|
43
89
|
watch: {
|
|
@@ -48,31 +94,21 @@
|
|
|
48
94
|
},
|
|
49
95
|
created() {
|
|
50
96
|
this.init(this.container);
|
|
51
|
-
|
|
52
|
-
//todo
|
|
53
97
|
},
|
|
54
98
|
methods: {
|
|
55
|
-
onJfbLoad(options) {
|
|
56
|
-
|
|
57
|
-
// jfbRootExec('baiduUserLogin', {
|
|
58
|
-
|
|
59
|
-
// vm: this,// data: {
|
|
60
|
-
|
|
61
|
-
// account: 'gaoshiyong',// password: '123456789',// type: 3,// ...options
|
|
62
|
-
|
|
63
|
-
// }
|
|
64
|
-
|
|
65
|
-
// }).then().catch()
|
|
66
|
-
},
|
|
99
|
+
onJfbLoad(options) { },
|
|
67
100
|
/**
|
|
68
101
|
* @description 监听事件变化
|
|
69
102
|
* @param container {object} 业务组件对象自己
|
|
70
103
|
*/
|
|
71
104
|
init(container) {
|
|
105
|
+
},
|
|
106
|
+
confirmDate(e) {
|
|
107
|
+
console.log(e, 'confirmDate');
|
|
108
|
+
this.data.birthday = e.fulldate
|
|
109
|
+
},
|
|
110
|
+
closeDate() {
|
|
72
111
|
|
|
73
|
-
//this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
|
|
74
|
-
|
|
75
|
-
//this.height = getContainerPropsValue(container, 'content.height', 10);
|
|
76
112
|
},
|
|
77
113
|
onJfbScroll(options) {
|
|
78
114
|
console.log('event.onJfbScroll', options)
|
|
@@ -104,8 +140,37 @@
|
|
|
104
140
|
@import "./JfbBasePersonalDataLess.less";
|
|
105
141
|
|
|
106
142
|
.jfb-base-personal-data {
|
|
107
|
-
&__body{
|
|
143
|
+
&__body {
|
|
144
|
+
.icon {
|
|
145
|
+
margin-left: 8rpx;
|
|
146
|
+
}
|
|
108
147
|
|
|
148
|
+
&-item {
|
|
149
|
+
display: flex;
|
|
150
|
+
align-items: center;
|
|
151
|
+
justify-content: space-between;
|
|
152
|
+
border-radius: 20rpx;
|
|
153
|
+
background: #FFFFFF;
|
|
154
|
+
padding: 32rpx 46rpx;
|
|
155
|
+
margin: 20rpx;
|
|
156
|
+
|
|
157
|
+
&-label {
|
|
158
|
+
color: #333;
|
|
159
|
+
font-size: 28rpx;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
&-value {
|
|
163
|
+
color: #999999;
|
|
164
|
+
font-size: 28rpx;
|
|
165
|
+
text-align: right;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.profile {
|
|
169
|
+
width: 80rpx;
|
|
170
|
+
height: 80rpx;
|
|
171
|
+
border-radius: 50%;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
109
174
|
}
|
|
110
175
|
}
|
|
111
|
-
</style>
|
|
176
|
+
</style>
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
<view class="jfb-base-user-info__body-plus-header-top-left-info">
|
|
26
26
|
<view class="jfb-base-user-info__body-plus-header-top-left-info-name" v-if="logined">
|
|
27
27
|
<view>{{userInfo|getName}} </view>
|
|
28
|
-
<view v-if="is_vip==='Y'"><
|
|
28
|
+
<view v-if="is_vip==='Y'"><text>PLUS</text>会员</view>
|
|
29
29
|
<view v-else>普通用户</view>
|
|
30
30
|
</view>
|
|
31
31
|
<view>138****5454</view>
|