diff --git a/大唐会议前台1/App.vue b/大唐会议前台1/App.vue
index 83d56644..9e7b04f2 100644
--- a/大唐会议前台1/App.vue
+++ b/大唐会议前台1/App.vue
@@ -30,6 +30,27 @@
font-size: 16px;
}
+ .view-backimg {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+
+ .view-backimg-top {
+ height: 50vh;
+ background-image: url('./imgs/bg-top.png');
+ background-size: 100% 100%;
+ }
+
+ .view-backimg-bottom {
+ height: 50vh;
+ background-image: url('./imgs/left.png');
+ background-size: 100% 100%;
+ }
+ }
+
/deep/.u-toast__content__text--error,
/deep/.u-toast__content__text--success {
max-width: 500px !important;
@@ -37,7 +58,7 @@
.logo {
width: 500px;
- position: fixed;
+ position: fixed !important;
left: 16px;
top: 16px;
}
diff --git a/大唐会议前台1/imgs/bg-top.png b/大唐会议前台1/imgs/bg-top.png
new file mode 100644
index 00000000..065b2db9
Binary files /dev/null and b/大唐会议前台1/imgs/bg-top.png differ
diff --git a/大唐会议前台1/pages/components/MeetingList.vue b/大唐会议前台1/pages/components/MeetingList.vue
index d3e36f43..5412bacf 100644
--- a/大唐会议前台1/pages/components/MeetingList.vue
+++ b/大唐会议前台1/pages/components/MeetingList.vue
@@ -86,6 +86,9 @@
</script>
<style lang="scss" scoped>
+ .view-li{
+ padding-left: 10px;
+ }
.view-pdf {
margin: 16px 0;
padding: 16px;
@@ -159,13 +162,13 @@
.li-item {
uni-view {
- font-size: 18px;
- line-height: 26px;
+ font-size: 20px;
+ line-height: 40px;
}
.li-title {
font-size: 20px;
- font-weight: bold;
+ //font-weight: bold;
line-height: 30px;
}
}
diff --git a/大唐会议前台1/pages/index/details.vue b/大唐会议前台1/pages/index/details.vue
index 78aaaee6..0ed566fd 100644
--- a/大唐会议前台1/pages/index/details.vue
+++ b/大唐会议前台1/pages/index/details.vue
@@ -1,28 +1,23 @@
<template>
<view class="box">
- <image class="logo" src='../../imgs/logo.png' alt="" mode="widthFix"></image>
+ <image class="logo" src='../../imgs/logo.png' alt="" mode="widthFix" @click="handleLogo"></image>
<view class="box-cent">
<view class="box-cent1">
<view class="view-box">
- <span class="view-title"> {{listData.title}}</span>
+ <view style="text-align: center;">
+ <span class="view-title"> {{listData.title}}</span>
+ </view>
<view class="view-ul">
- <!-- <view class="view-li" v-for="(item, index) in listData.infos" :key="index"
- >
- <view v-if="item.type == 'title'">
- <view>{{item.title}}</view>
- </view>
- <view v-if="item.type == 'file-pdf'">
- <view>{{item.filePdfName}}</view>
- </view>
- <view v-if="item.type == 'richtext'">
- <view>{{item.richtext}}</view>
- </view>
- </view> -->
<MeetingList :infos='listData.infos'></MeetingList>
</view>
</view>
</view>
</view>
+ <!-- 底部背景图 -->
+ <view class="view-backimg">
+ <view class="view-backimg-top"></view>
+ <view class="view-backimg-bottom"></view>
+ </view>
</view>
</template>
@@ -53,6 +48,12 @@
this.getMeetingDetails(curParam.id) //获取会议列表
},
methods: {
+ // logo 回到首页
+ handleLogo(){
+ uni.navigateTo({
+ url: `/pages/index/index`,
+ });
+ },
// 查看详情
handleItemClaick(_item) {
// enable false 不可查看详情
@@ -85,6 +86,9 @@
</script>
<style lang="scss" scoped>
+ .view-box{
+ margin-top:50px ;
+ }
.view-ul {
text-align: left;
margin-bottom: 16px;
@@ -100,7 +104,7 @@
display: inline-block;
border: 1px solid #000;
padding: 0 14px;
- margin-bottom: 16px;
+ margin-bottom: 30px;
line-height: 50px;
border-radius: 6px;
font-size: 20px;
@@ -110,7 +114,7 @@
.box {
height: 100vh;
box-sizing: border-box;
- padding: 20px;
+ padding: 20px 100px;
display: flex;
flex-direction: column;
diff --git a/大唐会议前台1/pages/index/index.vue b/大唐会议前台1/pages/index/index.vue
index a12eb6fd..c521d5be 100644
--- a/大唐会议前台1/pages/index/index.vue
+++ b/大唐会议前台1/pages/index/index.vue
@@ -1,20 +1,28 @@
<template>
<view class="box">
- <image class="logo" src='../../imgs/logo.png' mode="widthFix"></image>
+ <image class="logo" src='../../imgs/logo.png' mode="widthFix" @click="handleLogo"></image>
<view class="box-cent">
<view class="box-cent1">
<view class="view-box" v-for="(item, index) in listData" :key="index">
- <span class="view-title"> {{item.dateTitle}}</span>
+ <view style="text-align: center;">
+ <span class="view-title"> {{item.dateTitle}}</span>
+ </view>
<view class="view-ul">
<view class="view-li" v-for="(row, rind) in item.meetingList" :key="rind"
- @click="handleItemClaick(item,row)">
- {{rind + 1}}. {{row.title}}
+ >
+ <span @click="handleItemClaick(item,row)">{{rind + 1}}. {{row.title}}</span>
</view>
</view>
</view>
<view v-if="!listData.length" class="view-none"> 暂无会议 </view>
</view>
</view>
+ <!-- 底部背景图 -->
+ <view class="view-backimg">
+ <view class="view-backimg-top"></view>
+ <view class="view-backimg-bottom"></view>
+ </view>
+
</view>
</template>
@@ -36,6 +44,12 @@
this.getQueryMeeting() //获取会议列表
},
methods: {
+ // logo 回到首页
+ handleLogo(){
+ uni.navigateTo({
+ url: `/pages/index/index`,
+ });
+ },
// 查看详情
handleItemClaick(_item, _row) {
// enable false 不可查看详情
@@ -65,6 +79,10 @@
</script>
<style lang="scss" scoped>
+ .view-box{
+ margin-top:50px ;
+ }
+
.view-none{
height: 100%;
display: flex;
@@ -77,8 +95,11 @@
margin-bottom: 16px;
.view-li {
- font-size: 18px;
- line-height: 26px;
+ span{
+ font-size: 20px;
+ line-height: 40px;
+ }
+
}
}
@@ -86,7 +107,7 @@
display: inline-block;
border: 1px solid #000;
padding: 0 14px;
- margin-bottom: 16px;
+ margin-bottom: 30px;
line-height: 50px;
border-radius: 6px;
font-size: 20px;
@@ -95,8 +116,9 @@
.box {
height: 100vh;
+ background-size: cover;
box-sizing: border-box;
- padding: 20px;
+ padding: 20px 100px;
display: flex;
flex-direction: column;