hookehuyr

feat(FamilyAlbum): 替换上传图标并增加显示照片数量

将上传按钮的相机emoji替换为Photograph组件图标
将相册显示照片数量从3张增加到5张
......@@ -59,8 +59,10 @@
class="rounded-lg aspect-square relative cursor-pointer shadow-md bg-gray-100 flex flex-col items-center justify-center border-2 border-dashed border-gray-100 hover:border-blue-400 transition-colors"
@click="navigateToUpload"
>
<view class="text-gray-400 text-3xl mb-2">📷</view>
<view class="text-gray-500 text-xs text-center px-2">上传第一张<br/>照片吧~</view>
<view class="text-gray-400 mb-4">
<Photograph size="28" />
</view>
<view class="text-gray-500 text-xs text-center px-2">上传第一张照片吧~</view>
</view>
</view>
</view>
......@@ -116,7 +118,7 @@
<script setup>
import { ref, onMounted, computed } from 'vue';
import Taro, { useDidShow } from '@tarojs/taro';
import { Close } from '@nutui/icons-vue-taro';
import { Close, Photograph } from '@nutui/icons-vue-taro';
import { useMediaPreview } from '@/composables/useMediaPreview';
import { getPhotoListAPI } from '@/api/photo';
......@@ -143,7 +145,7 @@ const loading = ref(false);
// 计算属性:显示最多3张图片
const displayedAlbumData = computed(() => {
return albumData.value.slice(0, 3);
return albumData.value.slice(0, 5);
});
/**
......