@uxda/appkit 1.2.36 → 1.2.40

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 (18) hide show
  1. package/dist/appkit.css +144 -0
  2. package/dist/index.js +641 -212
  3. package/package.json +1 -1
  4. package/src/components/dd-notice-bar/index.vue +78 -76
  5. package/src/components/dd-search/doc.md +34 -0
  6. package/src/components/dd-search/index.vue +172 -0
  7. package/src/index.ts +14 -14
  8. package/src/notice/api/endpoints.ts +17 -0
  9. package/src/notice/api/index.ts +82 -0
  10. package/src/notice/components/LoginSetting.vue +116 -0
  11. package/src/notice/components/NoticeBanner.vue +290 -0
  12. package/src/notice/components/NoticePopup.vue +156 -0
  13. package/src/notice/components/NoticeView.vue +134 -0
  14. package/src/notice/components/index.ts +4 -0
  15. package/src/notice/components/useNotice.ts +35 -0
  16. package/src/notice/index.ts +1 -0
  17. package/src/shared/components/DeviceVersion.vue +67 -67
  18. package/src/shared/composables/useSafeArea.ts +8 -6
package/dist/appkit.css CHANGED
@@ -136,6 +136,8 @@
136
136
  flex: 1;
137
137
  text-align: center;
138
138
  opacity: 0.8;
139
+ display: flex;
140
+ align-items: center;
139
141
  }
140
142
  .recharge-view {
141
143
  height: 100%;
@@ -1151,4 +1153,146 @@ page {
1151
1153
  }
1152
1154
  .self-registration .nut-radio__icon--unchecked {
1153
1155
  font-size: 16px;
1156
+ }
1157
+ .notice-popup {
1158
+ width: 280px;
1159
+ padding: 20px 15px;
1160
+ border-radius: 10px !important;
1161
+ background: linear-gradient(136.72deg, #d0fdfe 6.02%, #a2b9ff 59.97%, #6593ff 108.78%);
1162
+ }
1163
+ .notice-popup::after {
1164
+ content: "";
1165
+ position: absolute;
1166
+ width: 100%;
1167
+ height: 100%;
1168
+ left: 0;
1169
+ top: 0;
1170
+ background: linear-gradient(360deg, #ffffff 4.73%, rgba(255, 255, 255, 0) 85.82%);
1171
+ z-index: 1;
1172
+ border-radius: 10px;
1173
+ }
1174
+ .notice-popup::before {
1175
+ content: "";
1176
+ width: 236px;
1177
+ height: 241px;
1178
+ position: absolute;
1179
+ top: 0;
1180
+ right: 40px;
1181
+ background: url("https://cdn.ddjf.com/static/images/customer-center/notice-modal-bg.png");
1182
+ }
1183
+ .notice-popup .nutui-popup__content-wrapper {
1184
+ position: relative;
1185
+ z-index: 2;
1186
+ }
1187
+ .notice-popup-hd {
1188
+ color: #0a2668;
1189
+ font-size: 17px;
1190
+ display: flex;
1191
+ align-items: center;
1192
+ margin-bottom: 20px;
1193
+ }
1194
+ .notice-popup-hd-icon {
1195
+ width: 20px;
1196
+ height: 20px;
1197
+ margin-right: 4px;
1198
+ }
1199
+ .notice-popup-bd {
1200
+ color: #353535;
1201
+ box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 1px 0px rgba(255, 255, 255, 0.5019607843) inset, 0px 0px 1px 0px rgba(255, 255, 255, 0.6980392157);
1202
+ border-radius: 3px;
1203
+ background: rgba(255, 255, 255, 0.6);
1204
+ min-height: 160px;
1205
+ margin-bottom: 20px;
1206
+ padding: 15px 10px;
1207
+ box-sizing: border-box;
1208
+ font-size: 10px;
1209
+ }
1210
+ .notice-popup-bd-link {
1211
+ color: #007fff;
1212
+ margin-top: 2px;
1213
+ }
1214
+ .notice-popup-ft {
1215
+ display: flex;
1216
+ align-items: center;
1217
+ justify-content: center;
1218
+ }
1219
+ .notice-popup-ft-btn {
1220
+ background: #007fff;
1221
+ color: #fff;
1222
+ width: 128px;
1223
+ height: 30px;
1224
+ display: flex;
1225
+ align-items: center;
1226
+ justify-content: center;
1227
+ border-radius: 15px;
1228
+ }
1229
+ .notice-banner {
1230
+ height: 30px;
1231
+ margin-bottom: 8px;
1232
+ }
1233
+ .notice-banner .dd-notice-bar {
1234
+ position: relative;
1235
+ background: #f2f3ff;
1236
+ font-size: 10px;
1237
+ color: rgba(0, 0, 0, 0.8980392157);
1238
+ padding: 0 8px;
1239
+ height: 0;
1240
+ min-height: auto;
1241
+ transition: all 0.2s;
1242
+ opacity: 0;
1243
+ }
1244
+ .notice-banner .dd-notice-bar.show {
1245
+ height: 30px;
1246
+ opacity: 1;
1247
+ }
1248
+ .notice-banner-icon {
1249
+ width: 22px;
1250
+ height: 22px;
1251
+ margin-right: 8px;
1252
+ }
1253
+ .notice-banner .dd-notice-bar__close-img {
1254
+ display: none;
1255
+ }
1256
+ .notice-banner .dd-notice-bar__close {
1257
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E %3Cpath d='M3.3335 3.33331L16.6668 16.6666' stroke='%23353535' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M3.3335 16.6666L16.6668 3.33331' stroke='%23353535' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
1258
+ background-position: center;
1259
+ background-repeat: no-repeat;
1260
+ background-size: 12px 12px;
1261
+ opacity: 0.6;
1262
+ }
1263
+ .notice-banner-text {
1264
+ flex: 1;
1265
+ overflow: hidden;
1266
+ text-overflow: ellipsis;
1267
+ display: -webkit-box;
1268
+ -webkit-line-clamp: 1;
1269
+ -webkit-box-orient: vertical;
1270
+ }
1271
+ .notice-banner-btn {
1272
+ color: #017fff;
1273
+ padding-left: 6px;
1274
+ }
1275
+ .login-setting {
1276
+ position: fixed;
1277
+ z-index: 4;
1278
+ left: 12px;
1279
+ top: 10px;
1280
+ bottom: 10px;
1281
+ align-items: center;
1282
+ justify-content: center;
1283
+ width: calc(100% - 24px);
1284
+ background: #ffffff;
1285
+ border-radius: 5px;
1286
+ display: flex;
1287
+ flex-direction: column;
1288
+ }
1289
+ .login-setting-img {
1290
+ height: 111px;
1291
+ width: 198px;
1292
+ }
1293
+ .login-setting-text {
1294
+ margin-top: 10px;
1295
+ color: #353535;
1296
+ opacity: 0.4;
1297
+ font-size: 12px;
1154
1298
  }