Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
lls_program
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2025-09-15 11:38:08 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
adce89d988064aeaa0b7ae67023b202c517af9d7
adce89d9
1 parent
424b754d
feat(FamilyAlbum): 替换上传图标并增加显示照片数量
将上传按钮的相机emoji替换为Photograph组件图标 将相册显示照片数量从3张增加到5张
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
6 additions
and
4 deletions
src/components/FamilyAlbum.vue
src/components/FamilyAlbum.vue
View file @
adce89d
...
...
@@ -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
);
});
/**
...
...
Please
register
or
login
to post a comment