udxcms 1.0.1

package/dist/components/h5Components/DateH5.vue

@@ -0,0 +1,79 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: 
+ * @Date: 2022-08-03 16:59:04
+ * @LastEditors: Lewis
+ * @LastEditTime: 2022-08-03 18:45:56
+-->
+<template>
+    <div class='data-h5'>
+        <div class='date-p' @click='showDate = true'></div>
+        <slot></slot>
+        <van-popup v-model="showDate" position="bottom" :style="{ minHeight: '100px' }" :round='true' overlay-class='list-pop' :safe-area-inset-bottom='true'>    
+            <div class='vant-data'>
+                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" @cancel='showDate = false' @confirm='setDate'/>
+            </div>
+        </van-popup>
+    </div>
+</template>
+
+<script>
+    import Vue from 'vue'
+    import { Popup, DatetimePicker } from 'vant'
+    Vue.use(Popup).use(DatetimePicker)
+    let formartZero = function(val) {
+        return val < 10 ? '0' + val : val
+    }
+    export default {
+        name: 'date-h5',
+        props: {
+            value: {
+                type: String,
+                default: ''
+            },
+            minDate: {
+                type: Date,
+                default: () => new Date('2020-01-01')
+            },
+            maxDate: {
+                type: Date,
+                default: () => new Date('2025-12-31')
+            }
+        },
+        watch: {
+            value(val) {
+                this.currentDate = val
+            }
+        },
+        data() {
+            return {
+                showDate: false,
+                currentDate: new Date()
+            }
+        },
+        methods: {
+            setShowDate() {
+                this.showDate = true
+            },
+            setDate(e) {
+                let dataInit = new Date(e)
+                let dateStr = [dataInit.getFullYear(), formartZero(dataInit.getMonth() + 1), formartZero(dataInit.getDate())]
+                this.showDate = false
+                this.$emit('input', dataInit)
+            }
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .data-h5 {
+        position: relative;
+    }
+    .data-h5 .date-p {
+        position: absolute;
+        z-index: 2;
+        height: 100%;
+        width: 100%;
+    }
+</style>

package/dist/components/h5Components/GoHistory.vue

@@ -0,0 +1,83 @@
+<!--
+ * @Author: Sneed
+ * @Date: 2020-12-11 15:11:20
+ * @LastEditTime: 2021-11-17 01:58:36
+ * @LastEditors: Lewis
+ * @Description: 
+-->
+
+<template>
+	<div class="back-component" :class="type" :style="{ color: color }">
+		<!-- 返回按钮 -->
+		<svg-icon
+			@click="goPage"
+			class="goHistory_btn"
+			icon-class="goHistory"
+		></svg-icon>
+	</div>
+</template>
+<script>
+// 组件
+export default {
+	name: "GoHistory",
+	props: {
+		go: {
+			type: [String, Number, Object, Function],
+			default: -1,
+		},
+		color: {
+			type: String,
+			defaule: "",
+		},
+		// size: {
+		//     type: [String, Number],
+		//     default: 24
+		// },
+		type: {
+			type: String,
+		},
+	},
+	methods: {
+		goPage() {
+			// game route fixed
+			const isGame = window.__isInnerFrame__
+			let localRouteData = JSON.parse(localStorage.getItem('localRoute') || [])
+			let currentRoute = localRouteData[localRouteData.length - 1]
+			if (isGame && currentRoute) {
+				let {path, query, params} = currentRoute.fromData || {}
+				this.$router.push({
+					path,
+					query,
+					params
+				})
+			} else {
+				if (typeof this.go === "number") {
+					this.$router.go(this.go);
+				} else if (typeof this.go === "string") {
+					this.$router.replace({ name: this.go });
+				} else if (typeof this.go === "object") {
+					this.$router.replace(this.go);
+				} else if (typeof this.go === "function") {
+					this.go();
+				} else {
+					this.$router.go(-1);
+				}
+			}
+			this.$emit("go");
+		},
+	},
+};
+</script>
+<style lang="less" scope>
+.back-component {
+	color: var(--text-color);
+    height: 18px !important;
+    width: 18px !important;
+	.goHistory_btn {
+		fill: currentColor;
+	}
+	&.blue {
+		color: #ffffff !important;
+	}
+}
+</style>

package/dist/components/h5Components/Language.vue

@@ -0,0 +1,113 @@
+<!--
+ * @Author: Sneed
+ * @Date: 2021-01-23 22:21:49
+ * @LastEditTime: 2021-11-17 02:42:03
+ * @LastEditors: Lewis
+ * @Description:
+-->
+<template>
+    <div class="language">
+        <!-- 语言选择 -->
+        <div class="language_top">
+            <OtherNav>
+                <template slot="default">{{$t("user_personal_center_language")}}</template>
+            </OtherNav>
+        </div>
+        <RadioGroup @change="changeLanguage" v-model="selLanguage">
+            <CellGroup v-for="(item, index) in langs" :key="index">
+                <Cell :title="item.langName" clickable @click="selLanguage = item.lang">
+                    <template #right-icon>
+                        <Radio :checked-color="color ? color : 'var(--primary-color)'" :name="item.lang" />
+                    </template>
+                </Cell>
+            </CellGroup>
+        </RadioGroup>
+    </div>
+</template>
+<script>
+import { RadioGroup, Radio, Cell, CellGroup } from 'vant';
+import { setLanguage } from "../../api/h5/common"
+import { getLanguagesPk } from '@/lang'
+import conf from '@/config/index';
+import * as axiosManuel from 'axios';
+
+// import { langs } from "@/lang/index"
+
+export default {
+    name: "language",
+    components: {
+        RadioGroup,
+        Radio,
+        Cell,
+        CellGroup
+    },
+    computed: {
+        hasLogin ()  {
+            const token = localStorage.getItem('TOKEN')
+            let userId = this.$store.state.user.userInfo.uid
+            return token && userId;
+        }
+    },
+    data() {
+        return {
+            langs: [],
+            selLanguage: this.$store.state.language,
+            color: window.themeColor
+        }
+    },
+    mounted() {
+        this.langs = JSON.parse(sessionStorage.getItem('languageList')) ;
+    },
+    methods: {
+        async changeLanguage (language) {
+            if (this.hasLogin) {
+                this.$store.commit("setLanguage", language);
+                getLanguagesPk(['pc-web'])
+                // 设置用于语言
+                this.setUserLanguage(language)
+            }else {
+                this.$store.commit("setLanguage", language);
+                getLanguagesPk(['pc-web'])
+            }
+            this.resetNavigation(language);
+        },
+        resetNavigation(language) {
+            const hostname = window.location.hostname;
+            axiosManuel(`${conf.sitePath}config/${hostname}/nav_pc-web_${language}.json`).then(res => {
+                const navRes = res.data;
+                this.$store.commit('setNavigation', {
+                    header: navRes.nav_common_header_navigation_bar,
+                    footer: navRes.nav_common_footer_navigation_bar,
+                    user: navRes.nav_common_user_navigation_bar,
+                    portfolio: navRes.nav_common_portfolio_navigation_bar
+                });
+            }).catch(e => e)
+        },
+        setUserLanguage (language) {
+            // 不提示
+            setLanguage({ language });
+        }
+    },
+}
+</script>
+<style lang="less" scoped>
+    .language {
+        padding: 0 20px;
+        .language_top {
+            height: 44px;
+        }
+        .van-hairline--top-bottom::after, .van-hairline-unset--top-bottom::after {
+            border: none;
+        }
+        .van-cell {
+            padding: 18px 0;
+        }
+        .van-cell__title {
+            span {
+                font-size: 16px;
+                color: var(--text-color-four);
+                font-family: Font;
+            }
+        }
+    }
+</style>

package/dist/components/h5Components/ListSelectH5.vue

@@ -0,0 +1,63 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: 
+ * @Date: 2022-08-03 19:06:14
+ * @LastEditors: Lewis
+ * @LastEditTime: 2022-08-03 20:10:55
+-->
+<template>
+    <div class='list-h5-box'>
+        <div class='date-p' @click='showList = true'></div>
+        <slot></slot>
+        <van-popup v-model="showList" position="bottom" :style="{ minHeight: '100px' }" :round='true' overlay-class='list-pop' :safe-area-inset-bottom='true'>
+            <PopList :list='list' :activeI='activeI' @choose='chooseTradeNum' @close="showList = false"/>
+        </van-popup>
+    </div>
+</template>
+
+<script>
+    import PopList from './PopList'
+    export default {
+        name: 'list-select-h5',
+        props: {
+            list: {
+                type: Array,
+                default: function() {
+                    return []
+                }
+            },
+            activeI: {
+                type: String | Number,
+                default: 0
+            },
+            showChoseed: {
+                type: Boolean,
+                default: true
+            }
+        },
+        data() {
+            return {
+                showList: false
+            }
+        },
+        methods: {
+            chooseTradeNum(item) {
+                this.showList = false
+                this.$emit('changeItem', item)
+            }
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .list-h5-box {
+        position: relative;
+    }
+    .list-h5-box .date-p {
+        position: absolute;
+        z-index: 2;
+        height: 100%;
+        width: 100%;
+    }
+</style>