fix: 优化提交订单页面js警告，充值订单跳转bug以及其他bug。refactor: 重构地址选择

pages/address/component/AddressItem.vue

@@ -0,0 +1,139 @@
+<!--
+    @name: addressItem
+    @author: kahu4
+    @date: 2024-03-04 15:58
+    @description：addressItem
+    @update: 2024-03-04 15:58
+-->
+<script setup>
+
+import { addressEditIcon } from "@/utils/images";
+import { toRefs } from "vue";
+import UvTags from "@/uni_modules/uv-tags/components/uv-tags/uv-tags.vue";
+
+const emits = defineEmits(['edit', 'click'])
+
+const props = defineProps({
+  addressItem: {
+    type: Object,
+    required: true
+  },
+  border: {
+    type: Boolean,
+    default: true
+  }
+})
+
+const {addressItem, border} = toRefs(props)
+</script>
+
+<template>
+  <view
+      class="address"
+      :class="{'no-border':!border}"
+      @tap="emits('click',addressItem)"
+  >
+    <view class="address-main">
+      <view class="address-header">
+        <view class="address-name">{{ addressItem.realName }}</view>
+        <view class="address-phone">{{ addressItem.phone }}</view>
+      </view>
+      <view class="address-content">
+        <view
+            class="address-default"
+            v-if="addressItem.isDefault"
+        >
+          <uv-tags
+              text="默认"
+              plain
+              size="mini"
+          />
+        </view>
+        <view class="address-desc">
+          {{ addressItem.province }}-{{ addressItem.city }}-{{ addressItem.district }} {{ addressItem.detail }}
+        </view>
+      </view>
+    </view>
+    <view class="address-actions">
+      <view
+          class="address-actions-edit"
+          @tap.stop="emits('edit',addressItem)"
+      >
+        <image
+            class="image"
+            :src="addressEditIcon"
+        />
+      </view>
+    </view>
+  </view>
+</template>
+
+<style
+    scoped
+    lang="scss">
+.address {
+  padding: 25rpx 35rpx;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  &-actions {
+    &-edit {
+      width: 33rpx;
+      height: 33rpx;
+
+      .image {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+    }
+  }
+
+  background: #fff;
+
+  &-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8rpx;
+  }
+
+  &-name {
+    line-height: 40rpx;
+    font-size: 28rpx;
+    color: #333333;
+    margin-right: 30rpx;
+
+  }
+
+  &-phone {
+    line-height: 40rpx;
+    font-size: 28rpx;
+    color: #333333;
+  }
+
+  &-content {
+    display: flex;
+    align-items: center;
+    padding-right: 10rpx;
+  }
+
+  &-default {
+    width: 80rpx;
+    margin-right: 20rpx;
+  }
+
+  &-desc {
+    flex: 1;
+    line-height: 33rpx;
+    font-size: 24rpx;
+    color: #999999;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+  }
+}
+</style>