hookehuyr

fix: 更新默认头像链接并优化图片容器样式

- 将多处默认头像链接统一更新为新的CDN地址
- 修改车辆图片容器使用aspect-ratio替代固定高度
- 为订单详情页关闭按钮添加橙色主题色
- 在个人资料和商品详情页添加默认头像回退逻辑
......@@ -183,7 +183,7 @@ const themeVars = {
}
// 默认头像
const defaultAvatar = 'https://randomuser.me/api/portraits/men/32.jpg'
const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg'
// 表单数据
const formData = reactive({
......
......@@ -93,7 +93,7 @@
/* 车辆图片 */
.car-image-container {
width: 100%;
height: 300rpx;
aspect-ratio: 1;
border-radius: 24rpx;
overflow: hidden;
}
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-04 14:34:39
* @LastEditTime: 2025-07-04 17:00:42
* @FilePath: /jgdl/src/pages/myOrders/index.vue
* @Description: 订单管理页面
-->
......@@ -260,7 +260,7 @@
<!-- 关闭按钮 -->
<view class="detail-footer">
<nut-button type="primary" size="large" @click="closeOrderDetailPopup" block>
<nut-button type="primary" size="large" @click="closeOrderDetailPopup" block color="orange">
关闭
</nut-button>
</view>
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-04 13:00:25
* @LastEditTime: 2025-07-04 17:15:46
* @FilePath: /jgdl/src/pages/productDetail/index.vue
* @Description: 商品详情页
-->
......@@ -161,7 +161,7 @@
<text class="text-lg font-medium mb-3 block">卖家信息</text>
<view class="flex items-center justify-between">
<view class="flex items-center">
<image :src="product.seller.avatar" :alt="product.seller.name" mode="aspectFill" class="w-10 h-10 rounded-full object-cover mr-3" />
<image :src="product.seller.avatar || defaultAvatar" :alt="product.seller.name" mode="aspectFill" class="w-10 h-10 rounded-full object-cover mr-3" />
<view>
<view class="flex items-center">
<text class="font-medium">{{ product.seller.name }}</text>
......@@ -247,7 +247,7 @@
</view>
<view class="seller-card bg-gray-50 rounded-lg p-3 mb-4">
<view class="flex items-center">
<image :src="product.seller.avatar" :alt="product.seller.name" mode="aspectFill" class="w-12 h-12 rounded-full object-cover mr-3" />
<image :src="product.seller.avatar || defaultAvatar" :alt="product.seller.name" mode="aspectFill" class="w-12 h-12 rounded-full object-cover mr-3" />
<view>
<text class="font-medium block">{{ product.seller.name }}</text>
<text class="text-sm text-gray-500 block">{{ product.seller.school }}</text>
......@@ -308,6 +308,9 @@ import { Share, Heart1, HeartFill, Message } from '@nutui/icons-vue-taro'
import payCard from '@/components/payCard.vue'
import avatarImg from '@/assets/images/avatar.png'
// 默认头像
const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg'
// 分享功能
wx.showShareMenu({
withShareTicket: true,
......
......@@ -2,7 +2,7 @@
<view class="profile-page">
<!-- User Profile Section -->
<view class="user-profile-section">
<image :src="userInfo.avatar" class="user-avatar" mode="aspectFill" />
<image :src="userInfo.avatar || defaultAvatar" class="user-avatar" mode="aspectFill" />
<text class="user-name">{{ userInfo.name }}</text>
<text class="user-phone">{{ userInfo.phone }}</text>
<nut-button class="edit-profile-btn" @click="onEditProfile">
......@@ -85,11 +85,14 @@ import {
import Taro from '@tarojs/taro'
import TabBar from '@/components/TabBar.vue'
// 默认头像
const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg'
// 用户信息
const userInfo = ref({
name: '张同学',
phone: '138****8888',
avatar: 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=100&h=100&fit=crop&crop=face'
avatar: ''
})
// 用户统计
......
......@@ -150,7 +150,7 @@ const themeVars = {
}
// 默认头像
const defaultAvatar = 'https://randomuser.me/api/portraits/men/32.jpg'
const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg'
// 表单数据
const formData = reactive({
......