@uxda/appkit 4.0.3 → 4.0.14

package/src/user/components/UserBindingSuccess.vue

@@ -1,80 +1,80 @@
-<template>
-  <div class="user-binding-success">
-    <img
-      class="user-binding-success-icon"
-      src="https://cdn.ddjf.com/static/images/customer-center/phone-icon.png"
-      alt=""
-    />
-    <div class="user-binding-success-info">
-      {{ showEncode ? encodePhone(params.mobile || '') : params.mobile }}
-    </div>
-    <div class="user-binding-success-sbtn" @click="showEncode = !showEncode">
-      {{ showEncode ? '显示' : '隐藏' }}
-    </div>
-    <nut-button class="user-binding-success-btn" type="primary" @click="toBinding"
-      >换绑手机号码</nut-button
-    >
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue'
-import { useRouter } from '@tarojs/taro'
-import Taro from '@tarojs/taro'
-import { useEncode } from '../../shared/composables/useEncode'
-
-const { params } = useRouter()
-const { encodePhone } = useEncode()
-
-onMounted(() => {
-  if (!params.mobile) {
-    return Taro.showToast({ title: '路径缺少mobile参数', icon: 'none' })
-  }
-})
-
-const showEncode = ref(true)
-
-// 前往换绑手机号
-function toBinding() {
-  emits('binding', params.mobile)
-}
-
-// 父组件事件
-const emits = defineEmits(['binding'])
-</script>
-
-<style lang="scss">
-.user-binding-success {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  box-sizing: border-box;
-  background: #fff;
-  &-icon {
-    margin-top: 80px;
-    width: 50px;
-    height: 50px;
-    margin-bottom: 30px;
-  }
-  &-info {
-    font-size: 30px;
-    color: #000000;
-    font-weight: bold;
-    margin-bottom: 15px;
-  }
-  &-sbtn {
-    padding: 0 15px;
-    color: #017fff;
-    font-size: 16px;
-  }
-  &-btn {
-    margin-top: 80px;
-    width: 296px;
-    font-size: 16px;
-    background: var(--app-primary-color, #017fff);
-    height: 40px;
-    line-height: 38px;
-  }
-}
-</style>
+<template>
+  <div class="user-binding-success">
+    <img
+      class="user-binding-success-icon"
+      src="https://cdn.ddjf.com/static/images/customer-center/phone-icon.png"
+      alt=""
+    />
+    <div class="user-binding-success-info">
+      {{ showEncode ? encodePhone(params.mobile || '') : params.mobile }}
+    </div>
+    <div class="user-binding-success-sbtn" @click="showEncode = !showEncode">
+      {{ showEncode ? '显示' : '隐藏' }}
+    </div>
+    <nut-button class="user-binding-success-btn" type="primary" @click="toBinding"
+      >换绑手机号码</nut-button
+    >
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { useRouter } from '@tarojs/taro'
+import Taro from '@tarojs/taro'
+import { useEncode } from '../../shared/composables/useEncode'
+
+const { params } = useRouter()
+const { encodePhone } = useEncode()
+
+onMounted(() => {
+  if (!params.mobile) {
+    return Taro.showToast({ title: '路径缺少mobile参数', icon: 'none' })
+  }
+})
+
+const showEncode = ref(true)
+
+// 前往换绑手机号
+function toBinding() {
+  emits('binding', params.mobile)
+}
+
+// 父组件事件
+const emits = defineEmits(['binding'])
+</script>
+
+<style lang="scss">
+.user-binding-success {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  background: #fff;
+  &-icon {
+    margin-top: 80px;
+    width: 50px;
+    height: 50px;
+    margin-bottom: 30px;
+  }
+  &-info {
+    font-size: 30px;
+    color: #000000;
+    font-weight: bold;
+    margin-bottom: 15px;
+  }
+  &-sbtn {
+    padding: 0 15px;
+    color: #017fff;
+    font-size: 16px;
+  }
+  &-btn {
+    margin-top: 80px;
+    width: 296px;
+    font-size: 16px;
+    background: var(--app-primary-color, #017fff);
+    height: 40px;
+    line-height: 38px;
+  }
+}
+</style>

package/src/user/components/UserEntry.vue

@@ -1,142 +1,137 @@
-<template>
-  <div class="user-entry">
-    <div class="user-entry-head">
-      <img
-        class="user-entry-head-img"
-        @click="toUser"
-        mode="aspectFit"
-        v-if="avatar"
-        :src="avatar"
-        alt=""
-      />
-      <img
-        class="user-entry-head-img"
-        mode="aspectFit"
-        @click="toUser1"
-        v-else
-        src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png"
-        alt=""
-      />
-    </div>
-    <div class="user-entry-bd">
-      <div v-if="!mobile" class="user-entry-bd-bigtxt" @click="toLogin">
-        请登录
-        <img
-          class="user-entry-bd-bigtxt-icon"
-          mode="aspectFit"
-          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDQwLjM1MTZINDBWMC4zNTE1NjJIMFY0MC4zNTE2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCA4LjM1MTU2TDI2IDIwLjM1MTZMMTQgMzIuMzUxNiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBkPSJNMTQgOC4zNTE1NkwyNiAyMC4zNTE2TDE0IDMyLjM1MTYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="
-          alt=""
-        />
-      </div>
-      <template v-else>
-        <div @click="toUser" class="user-entry-bd-txt">
-          {{ name }}
-          <img
-            style="width: 14px; height: 14px; margin-left: 2px"
-            src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjA4MzUgN0wxOC4wODM1IDE0TDExLjA4MzUgMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS43NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="
-            alt=""
-          />
-        </div>
-        <div @click="toUser" class="user-entry-bd-smalltxt">{{ encodePhone(mobile) }}</div>
-      </template>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useEncode } from '../../shared/composables/useEncode'
-
-const props = withDefaults(
-  defineProps<{
-    avatar?: string
-    mobile?: string
-    name?: string
-  }>(),
-  {
-    avatar: '',
-    mobile: '',
-    name: '',
-  }
-)
-
-const { encodePhone } = useEncode()
-
-// 登录后，点击前往个人资料页
-function toUser() {
-  emits('jump')
-}
-
-function toUser1() {
-  props.mobile && toUser()
-}
-
-// 未登录时，点击前往登录
-function toLogin() {
-  emits('login')
-}
-
-// 父组件事件
-const emits = defineEmits(['jump', 'login'])
-</script>
-
-<style lang="scss">
-.user-entry {
-  position: absolute;
-  left: 0;
-  top: 130px;
-  transform: translateY(-50%);
-  display: flex;
-  padding: 0 22px;
-  align-items: center;
-  width: 100%;
-  &-head {
-    position: relative;
-    width: 62px;
-    height: 62px;
-    margin-right: 8px;
-    &-img {
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      border-radius: 50%;
-      border: 1.5px solid #fff;
-    }
-    &-icon {
-      position: absolute;
-      width: 15px;
-      height: 15px;
-      bottom: 2px;
-      left: 48px;
-      background: url('https://cdn.ddjf.com/static/images/wx-yunservice/edit-icon.png') center;
-      background-size: cover;
-    }
-  }
-  &-bd {
-    color: #fff;
-    &-bigtxt {
-      display: flex;
-      align-items: center;
-      font-size: 20px;
-      font-weight: 500;
-      line-height: 28px;
-      margin-left: 10px;
-      &-icon {
-        width: 20px;
-      }
-    }
-    &-txt {
-      font-size: 20px;
-      font-weight: 500;
-      line-height: 25px;
-      margin-bottom: 5px;
-      display: flex;
-      align-items: center;
-    }
-    &-smalltxt {
-      margin-top: 0;
-      font-size: 15px;
-      line-height: 21px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="user-entry">
+    <div class="user-entry-head">
+      <img
+        class="user-entry-head-img"
+        @click="toUser"
+        mode="aspectFit"
+        v-if="avatar"
+        :src="avatar"
+        alt=""
+      />
+      <img
+        class="user-entry-head-img"
+        mode="aspectFit"
+        @click="toUser1"
+        v-else
+        src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png"
+        alt=""
+      />
+    </div>
+    <div class="user-entry-bd">
+      <div v-if="!mobile" class="user-entry-bd-bigtxt" @click="toLogin">
+        请登录
+        <span class="user-entry-bd-arrow">></span>
+      </div>
+      <template v-else>
+        <div @click="toUser" class="user-entry-bd-txt">
+          {{ name }}
+          <span class="user-entry-bd-arrow">></span>
+        </div>
+        <div @click="toUser" class="user-entry-bd-smalltxt">{{ encodePhone(mobile) }}</div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useEncode } from '../../shared/composables/useEncode'
+
+const props = withDefaults(
+  defineProps<{
+    avatar?: string
+    mobile?: string
+    name?: string
+  }>(),
+  {
+    avatar: '',
+    mobile: '',
+    name: '',
+  }
+)
+
+const { encodePhone } = useEncode()
+
+// 登录后，点击前往个人资料页
+function toUser() {
+  emits('jump')
+}
+
+function toUser1() {
+  props.mobile && toUser()
+}
+
+// 未登录时，点击前往登录
+function toLogin() {
+  emits('login')
+}
+
+// 父组件事件
+const emits = defineEmits(['jump', 'login'])
+</script>
+
+<style lang="scss">
+.user-entry {
+  position: absolute;
+  left: 0;
+  top: 130px;
+  transform: translateY(-50%);
+  display: flex;
+  padding: 0 22px;
+  align-items: center;
+  width: 100%;
+  &-head {
+    position: relative;
+    width: 62px;
+    height: 62px;
+    margin-right: 8px;
+    &-img {
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      border-radius: 50%;
+      border: 1.5px solid #fff;
+    }
+    &-icon {
+      position: absolute;
+      width: 15px;
+      height: 15px;
+      bottom: 2px;
+      left: 48px;
+      background: url('https://cdn.ddjf.com/static/images/wx-yunservice/edit-icon.png') center;
+      background-size: cover;
+    }
+  }
+  &-bd {
+    color: #fff;
+    &-bigtxt {
+      display: flex;
+      align-items: center;
+      font-size: 20px;
+      font-weight: 500;
+      line-height: 28px;
+      margin-left: 10px;
+      &-icon {
+        width: 20px;
+      }
+    }
+    &-txt {
+      font-size: 20px;
+      font-weight: 500;
+      line-height: 25px;
+      margin-bottom: 5px;
+      display: flex;
+      align-items: center;
+    }
+    &-smalltxt {
+      margin-top: 0;
+      font-size: 15px;
+      line-height: 21px;
+    }
+    &-arrow {
+      font-size: 12px;
+      margin-left: 8px;
+    }
+  }
+}
+</style>