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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jufubao-base",
3
- "version": "1.0.232-beta4",
3
+ "version": "1.0.232-beta5",
4
4
  "private": false,
5
5
  "description": "聚福宝业务组件基础插件包",
6
6
  "main": "index.js",
@@ -47,7 +47,7 @@
47
47
 
48
48
  <script>
49
49
  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
50
- import XdListItem from "@/components/XdListItem/XdListItem"
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
- //hideMask: true,
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
- <span>8</span>折
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
- <span>立即开通</span>
39
+ <text>立即开通</text>
40
40
  <xd-font-icon size="20" icon="iconxiangyou_xian"></xd-font-icon>
41
41
  </view>
42
42
  </view>
@@ -97,7 +97,7 @@
97
97
  ],
98
98
  data() {
99
99
  return {
100
- //hideMask: true,
100
+ closeMask: true,
101
101
 
102
102
  showDrawer: false,
103
103
  //todo
@@ -31,7 +31,7 @@
31
31
 
32
32
  <script>
33
33
  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
34
- import XdListItem from "@/components/XdListItem/XdListItem"
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
- //hideMask: true,
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>测试插件( {{containerId}} )</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
- //todo
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>
@@ -62,7 +62,7 @@
62
62
  ],
63
63
  data() {
64
64
  return {
65
- hideMask: true,
65
+ closeMask: true,
66
66
  //todo
67
67
  }
68
68
  },
@@ -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'"><span>PLUS</span>会员</view>
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>