fix:首页变动
This commit is contained in:
parent
d6b3f22317
commit
398b5d2567
|
@ -1,25 +1,12 @@
|
|||
<template>
|
||||
<view class="container">
|
||||
<image src="/static/banner.jpg" mode="widthFix" style="width:100%"></image>
|
||||
<uni-section :title="welTitle" type="circle" titleFontSize="15px" titleColor="#0000CD"
|
||||
@click="goUserInfo">
|
||||
<template v-slot:right>
|
||||
<span style="color:gray">{{currentDate}}</span>
|
||||
</template>
|
||||
</uni-section>
|
||||
<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>
|
||||
</uni-section>
|
||||
<image src="/static/banner1.png" mode="widthFix" style="width:100%"></image>
|
||||
<view style="height: 12rpx;"></view>
|
||||
<uni-row :gutter="12">
|
||||
<uni-col :span="12" style="border-radius: 20upx;">
|
||||
|
@ -36,13 +23,33 @@
|
|||
</uni-col>
|
||||
</uni-row>
|
||||
<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-item v-for="(item ,index) in moduleList" :index="index" :key="index" :title="item.text">
|
||||
|
||||
</uni-list-item>
|
||||
</uni-list>
|
||||
</uni-section>
|
||||
</uni-section> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
@ -52,6 +59,7 @@
|
|||
data() {
|
||||
return {
|
||||
welTitle: "",
|
||||
imageSrc:"",
|
||||
currentDate: tool.getTodayDate(),
|
||||
moduleList: [{
|
||||
navigate:'/pages/ofm/booking',
|
||||
|
@ -99,6 +107,19 @@
|
|||
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>
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 3.0 MiB |
Loading…
Reference in New Issue