jufubao-base 1.0.192-beta1 → 1.0.193

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.
Files changed (27) hide show
  1. package/commands.js +1 -1
  2. package/package.json +1 -1
  3. package/src/components/JfbBaseAddress/Attr.js +1 -109
  4. package/src/components/JfbBaseAddress/JfbBaseAddress.vue +77 -153
  5. package/src/components/JfbBaseFastLink/Attr.js +6 -22
  6. package/src/components/JfbBaseFastLink/JfbBaseFastLink.vue +20 -35
  7. package/src/components/JfbBaseFooter/Attr.js +75 -141
  8. package/src/components/JfbBaseFooter/JfbBaseFooter.vue +15 -50
  9. package/src/components/JfbBaseLogin/Attr.js +1 -6
  10. package/src/components/JfbBaseOrderDetail/Attr.js +65 -147
  11. package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue +46 -96
  12. package/src/components/JfbBaseOrderList/Attr.js +2 -59
  13. package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue +92 -139
  14. package/src/components/JfbBaseOrderList/Mock.js +0 -3
  15. package/src/components/JfbBasePhoneCollect/Attr.js +1 -6
  16. package/src/components/JfbBasePhoneLogin/Attr.js +1 -6
  17. package/src/components/JfbBaseUserCenter/Attr.js +48 -240
  18. package/src/components/JfbBaseUserCenter/JfbBaseUserCenter.vue +30 -101
  19. package/src/components/JfbBaseUserInfo/Attr.js +30 -179
  20. package/src/components/JfbBaseUserInfo/JfbBaseUserInfo.vue +44 -80
  21. package/src/components/JfbBaseUserOrder/Attr.js +25 -291
  22. package/src/components/JfbBaseUserOrder/JfbBaseUserOrder.vue +54 -172
  23. package/src/components/JfbBaseWallet/Attr.js +2 -340
  24. package/src/components/JfbBaseWallet/JfbBaseWallet.vue +49 -173
  25. package/src/ICONS.js +0 -1128
  26. package/src/components/JfbBaseAddress/XdTfkItem.vue +0 -117
  27. package/src/components/JfbBaseOrderList/XdTfkOrderItem.vue +0 -267
@@ -1,117 +0,0 @@
1
- <template>
2
- <view class="xd-tfk-item" @click="handleSelectAddress">
3
- <view class="item_top">
4
- <view class="user_info">
5
- {{ item.name }} <text style="margin-left: 20rpx;">{{ item.phone }}</text>
6
- <view v-if="item.is_valid === 'N'"
7
- style="position: absolute; right: 40rpx;top: 0;"
8
- >
9
- <xd-font-icon
10
- size="32"
11
- :color="dangerColor"
12
- icon="iconmingchengtubiao"
13
- ></xd-font-icon>
14
- </view>
15
- </view>
16
- <view class="user_adr">{{item.province_name}}{{item.city_name}}{{item.area_name}}{{item.street_name}}{{ item.address_detail }} {{ item.house_number }}</view>
17
- </view>
18
- <view class="item_bottom">
19
- <view class="is_default" @click.native.stop="setDefault">
20
- <xd-radio :value="item.is_default === 'Y'" :width="52" :height="52" :iconSize="20"></xd-radio>
21
- <view v-if="item.is_default === 'Y'">默认地址</view>
22
- <view v-else>设为默认</view>
23
- </view>
24
- <view class="item_opera">
25
- <view class="o_i" style="margin-right: 30rpx;" @click.native.stop="handleEdit">
26
- <xd-font-icon class="icon" :icon="edit_icon" :size="26"></xd-font-icon> 编辑
27
- </view>
28
- <view class="o_i" @click.native.stop="handleDel">
29
- <xd-font-icon class="icon" :icon="delete_icon" :size="26"></xd-font-icon> 删除
30
- </view>
31
- </view>
32
- </view>
33
- </view>
34
- </template>
35
- <script>
36
- import XdRadio from "@/components/XdRadio/XdRadio"
37
- import XdFontIcon from "@/components/XdFontIcon/XdFontIcon"
38
- export default{
39
- name:"XdTfkItem",
40
- components: {
41
- XdRadio,
42
- XdFontIcon,
43
- },
44
- props:{
45
- edit_icon: String,
46
- delete_icon: String,
47
- item: Object,
48
- dangerColor: String,
49
- },
50
- data(){
51
- return{
52
- }
53
- },
54
- created(){
55
- },
56
- methods:{
57
- handleSelectAddress(){
58
- this.$emit("selectAddress")
59
- },
60
- handleEdit(){
61
- this.$emit("editAddress", this.item)
62
- },
63
- handleDel(){
64
- this.$emit("delAddress", this.item)
65
- },
66
- setDefault(){
67
- this.$emit("setDefault", this.item)
68
- }
69
- },
70
- }
71
- </script>
72
- <style lang="less" scoped>
73
- .xd-tfk-item{
74
- .item_top{
75
- padding: 30rpx;
76
- }
77
- .user_info{
78
- color: #191a1b;
79
- font-size: 30rpx;
80
- position: relative;
81
- }
82
- .user_adr{
83
- color: #797d82;
84
- font-size: 26rpx;
85
- margin-top: 6rpx;
86
- overflow: hidden;
87
- text-overflow: ellipsis;
88
- white-space: nowrap;
89
- }
90
- .item_bottom{
91
- display: flex;
92
- justify-content: space-between;
93
- padding: 20rpx;
94
- border-top: 1px solid #ededed;
95
- }
96
- .item_opera{
97
- display: flex;
98
- color: #797d82;
99
- align-items: center;
100
- .o_i{
101
- display: flex;
102
- align-items: center;
103
- font-size: 26rpx;
104
-
105
- .icon{
106
- margin-right: 10rpx;
107
- }
108
- }
109
- }
110
- .is_default{
111
- display: flex;
112
- align-items: center;
113
- font-size: 26rpx;
114
- color: #797d82;
115
- }
116
- }
117
- </style>
@@ -1,267 +0,0 @@
1
- <template>
2
- <view class="xd-tfk-order-item">
3
- <view class="o_header">
4
- <view class="h_l">
5
- <xd-font-icon
6
- v-if="item.biz_code_icon"
7
- :icon="item.biz_code_icon"
8
- :size="item['biz_code_icon_size']"
9
- ></xd-font-icon>
10
- <view :class="{ marginLeft: item.biz_code_icon }" style="margin-left: 20rpx;">{{item.biz_code_name }}</view>
11
- </view>
12
- <view v-if="isShowOrderNo==='N'" class="o_status" :style="{
13
- color:item.status.status_type !== 'error' ? mainColor : '#999999',
14
- }">{{ item.status.status_name }}</view>
15
- </view>
16
- <view class="o_title" v-if="isShowOrderNo==='Y'">
17
- <view class="o_number">订单编号:{{ item.main_order_id }}</view>
18
- <view class="o_status" :style="{
19
- color:item.status.status_type !== 'error' ? mainColor : '#999999',
20
- }">{{ item.status.status_name }}</view>
21
- </view>
22
- <view class="prod_list">
23
- <!-- 单个商品展示商品信息 -->
24
- <template v-if="item.products.length == 1">
25
- <view class="one_prod" v-for="Sitem in item.products" :key="Sitem.key">
26
- <view class="prod_img">
27
- <image :src="Sitem.product_thumb" style="background: #ffffff" mode="aspectFill"></image>
28
- </view>
29
- <view class="prod_info">
30
- <view class="prod_name">{{ Sitem.product_name }}</view>
31
- <view v-if="Sitem.brand_name" class="prod_brand" :style="{color: brandTextColor}">{{ Sitem.brand_name }}</view>
32
- <view v-if="Sitem.product_sku_name" class="prod_sku">规格:{{ Sitem.product_sku_name }}</view>
33
- <view class="prod_price">
34
- <view>¥448</view>
35
- <view class="info-price">
36
- <text>x</text>
37
- <text>{{ Sitem.product_num }}</text>
38
- </view>
39
- </view>
40
- </view>
41
- </view>
42
- </template>
43
-
44
- <!-- 多个商品展示更多商品信息 -->
45
- <view v-if="item.products.length > 1" class="more_prod">
46
- <view class="img_list">
47
- <view class="prod_img" v-for="prod in item.products" :key="prod.key">
48
- <image :src="prod.product_thumb" style="background: #ffffff" mode="aspectFit"></image>
49
- </view>
50
- </view>
51
- <view class="right_arrow">
52
- <xd-font-icon icon='iconxiangyou_xian' :size="26" color="#bdc0c5"></xd-font-icon>
53
- </view>
54
- </view>
55
- </view>
56
- <view class="prod_total">
57
- <view>
58
- <view class="serve_fee" style="color:#999" v-if="item['main_user_server_amount'] !== undefined && item['main_user_server_amount'] > 0">
59
- <text>(平台服务费:</text>
60
- <xd-unit
61
- :isOld="false"
62
- :price="item['main_user_server_amount']"
63
- :fontSize="24"
64
- :is-gray="true"
65
- color="#999"
66
- :icon-size=".25"
67
- ></xd-unit>
68
- <text>)</text>
69
- </view>
70
- </view>
71
- <view style="display: flex;align-items: center;">
72
- 共{{item.products.length}}件商品
73
- <template v-if="item.biz_code !== 'gift' && item.is_not_show_price !== 'Y'">
74
- 实付
75
- <xd-unit
76
- :isOld="false"
77
- :price="item.total_amount"
78
- :color="mainColor"
79
- :fontSize="28"></xd-unit>
80
- </template>
81
-
82
- </view>
83
- </view>
84
- <view v-if="item.buttons.length" class="prod_footer">
85
- <view style="flex: 1;"></view>
86
- <view class="btn"
87
- v-for="(btn,index) in item.buttons" :key="btn.key"
88
- @click="handleBtnEvent(btn.action, item)"
89
- >{{btn.text}}</view>
90
- </view>
91
- </view>
92
- </template>
93
-
94
- <script>
95
- import XdFontIcon from "@/components/XdFontIcon/XdFontIcon"
96
- import XdUnit from "@/components/XdUnit/XdUnit"
97
- export default{
98
- name:"XdTfkOrderItem",
99
- components: {
100
- XdFontIcon,
101
- XdUnit,
102
- },
103
- props:{
104
- item: Object,
105
- mainColor: String,
106
- isShowOrderNo: {
107
- type: String,
108
- },
109
- brandTextColor: String
110
- },
111
- data(){
112
- return{
113
- }
114
- },
115
- methods:{
116
- handleBtnEvent(action){
117
- this.$emit('handleBtnEvent', action)
118
- },
119
- }
120
- }
121
- </script>
122
-
123
- <style lang="less" scoped>
124
- .xd-tfk-order-item{
125
- padding-left: 30rpx;
126
- overflow: hidden;
127
- .o_header{
128
- height: 90rpx;
129
- display: flex;
130
- align-items: center;
131
- justify-content: space-between;
132
- border-bottom: 1px solid #EDEDED;
133
- padding-right: 30rpx;
134
- color: #333333;
135
- font-size: 28rpx;
136
-
137
- .h_l{
138
- display: flex;
139
- align-items: center;
140
- }
141
- }
142
- .o_title{
143
- height: 80rpx;
144
- display: flex;
145
- align-items: center;
146
- justify-content: space-between;
147
- padding-right: 30rpx;
148
- color: #333333;
149
- font-size: 24rpx;
150
- border-bottom: 1px solid #EDEDED;
151
- }
152
- .one_prod{
153
- display: flex;
154
- align-items: center;
155
- width: 100%;
156
- padding: 30rpx 30rpx 30rpx 0;
157
- box-sizing: border-box;
158
- .prod_img{
159
- width: 140rpx;
160
- height: 140rpx;
161
- background-color: #f5f5f9;
162
- image{
163
- width: 100%;
164
- height: 100%;
165
- }
166
- }
167
- .prod_info{
168
- flex: 1;
169
- padding-left: 30rpx;
170
- .prod_name{
171
- color: #2e2f30;
172
- font-size: 30rpx;
173
- }
174
- .prod_brand{
175
- font-size: 24rpx;
176
- margin-top: 8rpx;
177
- }
178
- .prod_sku{
179
- color: #797d82;
180
- font-size: 24rpx;
181
- margin-top: 8rpx;
182
- }
183
- }
184
- .prod_price{
185
- display: flex;
186
- justify-content: space-between;
187
- align-items: center;
188
- color: rgb(46, 47, 48);
189
- font-size: 30rpx;
190
- margin-top: 12rpx;
191
- .info-price{
192
- display: flex;
193
- color: #bdc0c5;
194
- font-size: 26rpx;
195
- }
196
- }
197
- }
198
- .prod_list{
199
- position: relative;
200
- .right_arrow{
201
- position: absolute;
202
- right: 0px;
203
- height: 100%;
204
- width: 60rpx;
205
- top: 0;
206
- background: #FFF;
207
- display: flex;
208
- align-items: center;
209
- justify-content: center;
210
- }
211
- }
212
- .more_prod{
213
- display: flex;
214
- flex-wrap: nowrap;
215
- overflow: auto;
216
- padding: 30rpx 30rpx 30rpx 0;
217
- width: 100%;
218
- .img_list{
219
- display: flex;
220
- flex-wrap: nowrap;
221
- padding-right: 60rpx;
222
- }
223
- .prod_img{
224
- width: 140rpx;
225
- height: 140rpx;
226
- display: flex;
227
- align-items: center;
228
- justify-content: center;
229
- image{
230
- width: 100%;
231
- height: 100%;
232
- }
233
- }
234
- }
235
- .prod_total{
236
- height: 80rpx;
237
- display: flex;
238
- align-items: center;
239
- justify-content: space-between;
240
- padding-right: 30rpx;
241
- border-top: 1px solid #EDEDED;
242
- color: #2e2f30;
243
- font-size: 26rpx;
244
- .serve_fee{
245
- display: flex;
246
- align-items: center;
247
- }
248
- }
249
- .prod_footer{
250
- padding: 16rpx 30rpx 16rpx 0;
251
- display: flex;
252
- align-items: center;
253
- border-top: 1px solid #EDEDED;
254
- .btn{
255
- width: 170rpx;
256
- height: 66rpx;
257
- border: 1px solid #EDEDED;
258
- display: flex;
259
- align-items: center;
260
- justify-content: center;
261
- margin-left: 20rpx;
262
- color: #2e2f30;
263
- font-size: 24rpx;
264
- }
265
- }
266
- }
267
- </style>