Hooke / jgdl

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
b6bac617 1 parent 26325dbf

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

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