zcdsj
/
factory_mp
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:首页变动

This commit is contained in:
shijing 2025-10-14 13:16:45 +08:00
parent d6b3f22317
commit 398b5d2567
2 changed files with 37 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
pages/index/index.vue
View File

@ -1,25 +1,12 @@
<template> <template>
<view class="container"> <view class="container">
<image src="/static/banner.jpg" mode="widthFix" style="width:100%"></image>
<uni-section :title="welTitle" type="circle" titleFontSize="15px" titleColor="#0000CD" <uni-section :title="welTitle" type="circle" titleFontSize="15px" titleColor="#0000CD"
@click="goUserInfo"> @click="goUserInfo">
<template v-slot:right> <template v-slot:right>
<span style="color:gray">{{currentDate}}</span> <span style="color:gray">{{currentDate}}</span>
</template> </template>
</uni-section> </uni-section>
<uni-section title="功能入口" type="line"> <image src="/static/banner1.png" mode="widthFix" style="width:100%"></image>
<uni-grid :column="5" :show-border="false" :square="false">
<uni-grid-item v-for="(item ,index) in moduleList" :index="index" :key="index">
<view class="grid-item-box" @click="pageEnter(item)">
<image class="image" :src="item.url" mode="aspectFill" />
<text class="text">{{item.text}}</text>
<view v-if="item.badge" class="grid-dot">
<uni-badge :text="item.badge" :type="item.type" />
</view>
</view>
</uni-grid-item>
</uni-grid>
</uni-section>
<view style="height: 12rpx;"></view> <view style="height: 12rpx;"></view>
<uni-row :gutter="12"> <uni-row :gutter="12">
<uni-col :span="12" style="border-radius: 20upx;"> <uni-col :span="12" style="border-radius: 20upx;">
@ -36,13 +23,33 @@
</uni-col> </uni-col>
</uni-row> </uni-row>
<view style="height: 12rpx;"></view> <view style="height: 12rpx;"></view>
<uni-section title="列表信息" type="line"> <uni-section title="功能入口" type="line">
<uni-grid :column="5" :show-border="false" :square="false">
<uni-grid-item v-for="(item ,index) in moduleList" :index="index" :key="index">
<view class="grid-item-box" @click="pageEnter(item)">
<image class="image" :src="item.url" mode="aspectFill" />
<text class="text">{{item.text}}</text>
<view v-if="item.badge" class="grid-dot">
<uni-badge :text="item.badge" :type="item.type" />
</view>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box" @click="cameraClick">
<image class="image" src="/static/yuding.png" mode="aspectFill" />
<text class="text">拍照</text>
</view>
</uni-grid-item>
</uni-grid>
</uni-section>
<!-- <uni-section title="列表信息" type="line">
<uni-list> <uni-list>
<uni-list-item v-for="(item ,index) in moduleList" :index="index" :key="index" :title="item.text"> <uni-list-item v-for="(item ,index) in moduleList" :index="index" :key="index" :title="item.text">
</uni-list-item> </uni-list-item>
</uni-list> </uni-list>
</uni-section> </uni-section> -->
</view> </view>
</template> </template>
@ -52,6 +59,7 @@
data() { data() {
return { return {
welTitle: "", welTitle: "",
imageSrc:"",
currentDate: tool.getTodayDate(), currentDate: tool.getTodayDate(),
moduleList: [{ moduleList: [{
navigate:'/pages/ofm/booking', navigate:'/pages/ofm/booking',
@ -99,6 +107,19 @@
url:item.navigate url:item.navigate
}) })
}, },
cameraClick(){
uni.chooseImage({
count: 1, // 默认选择1张图片
sourceType: ['album', 'camera'], // 支持相册和相机
success: function (res) {
// 返回选择或拍摄的图片路径
console.log(res.tempFilePaths[0]);
},
fail: function (err) {
console.log('选择或拍照失败', err);
}
});
},
} }
} }
</script> </script>

BIN
static/banner1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB