ccsens_zhengzhichuan
/
datang-meeting
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

logo添加返回首页

master
1747191978@qq.com 4 months ago
parent
e0b9a746aa
commit
145ea728e4
5 changed files with 78 additions and 28 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 23
      大唐会议前台1/App.vue
  2. BIN
      大唐会议前台1/imgs/bg-top.png
  3. 9
      大唐会议前台1/pages/components/MeetingList.vue
  4. 36
      大唐会议前台1/pages/index/details.vue
  5. 38
      大唐会议前台1/pages/index/index.vue

23
大唐会议前台1/App.vue
View File

@ -30,6 +30,27 @@
font-size: 16px; 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--error,
/deep/.u-toast__content__text--success { /deep/.u-toast__content__text--success {
max-width: 500px !important; max-width: 500px !important;
@ -37,7 +58,7 @@
.logo { .logo {
width: 500px; width: 500px;
position: fixed; position: fixed !important;
left: 16px; left: 16px;
top: 16px; top: 16px;
} }

BIN
大唐会议前台1/imgs/bg-top.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 340 KiB

9
大唐会议前台1/pages/components/MeetingList.vue
View File

@ -86,6 +86,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.view-li{
padding-left: 10px;
}
.view-pdf { .view-pdf {
margin: 16px 0; margin: 16px 0;
padding: 16px; padding: 16px;
@ -159,13 +162,13 @@
.li-item { .li-item {
uni-view { uni-view {
font-size: 18px; font-size: 20px;
line-height: 26px; line-height: 40px;
} }
.li-title { .li-title {
font-size: 20px; font-size: 20px;
font-weight: bold; //font-weight: bold;
line-height: 30px; line-height: 30px;
} }
} }

36
大唐会议前台1/pages/index/details.vue
View File

@ -1,28 +1,23 @@
<template> <template>
<view class="box"> <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-cent">
<view class="box-cent1"> <view class="box-cent1">
<view class="view-box"> <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-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> <MeetingList :infos='listData.infos'></MeetingList>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 底部背景图 -->
<view class="view-backimg">
<view class="view-backimg-top"></view>
<view class="view-backimg-bottom"></view>
</view>
</view> </view>
</template> </template>
@ -53,6 +48,12 @@
this.getMeetingDetails(curParam.id) //获取会议列表 this.getMeetingDetails(curParam.id) //获取会议列表
}, },
methods: { methods: {
// logo 回到首页
handleLogo(){
uni.navigateTo({
url: `/pages/index/index`,
});
},
// 查看详情 // 查看详情
handleItemClaick(_item) { handleItemClaick(_item) {
// enable false 不可查看详情 // enable false 不可查看详情
@ -85,6 +86,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.view-box{
margin-top:50px ;
}
.view-ul { .view-ul {
text-align: left; text-align: left;
margin-bottom: 16px; margin-bottom: 16px;
@ -100,7 +104,7 @@
display: inline-block; display: inline-block;
border: 1px solid #000; border: 1px solid #000;
padding: 0 14px; padding: 0 14px;
margin-bottom: 16px; margin-bottom: 30px;
line-height: 50px; line-height: 50px;
border-radius: 6px; border-radius: 6px;
font-size: 20px; font-size: 20px;
@ -110,7 +114,7 @@
.box { .box {
height: 100vh; height: 100vh;
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px 100px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

38
大唐会议前台1/pages/index/index.vue
View File

@ -1,20 +1,28 @@
<template> <template>
<view class="box"> <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-cent">
<view class="box-cent1"> <view class="box-cent1">
<view class="view-box" v-for="(item, index) in listData" :key="index"> <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-ul">
<view class="view-li" v-for="(row, rind) in item.meetingList" :key="rind" <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>
</view> </view>
<view v-if="!listData.length" class="view-none"> 暂无会议 </view> <view v-if="!listData.length" class="view-none"> 暂无会议 </view>
</view> </view>
</view> </view>
<!-- 底部背景图 -->
<view class="view-backimg">
<view class="view-backimg-top"></view>
<view class="view-backimg-bottom"></view>
</view>
</view> </view>
</template> </template>
@ -36,6 +44,12 @@
this.getQueryMeeting() //获取会议列表 this.getQueryMeeting() //获取会议列表
}, },
methods: { methods: {
// logo 回到首页
handleLogo(){
uni.navigateTo({
url: `/pages/index/index`,
});
},
// 查看详情 // 查看详情
handleItemClaick(_item, _row) { handleItemClaick(_item, _row) {
// enable false 不可查看详情 // enable false 不可查看详情
@ -65,6 +79,10 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.view-box{
margin-top:50px ;
}
.view-none{ .view-none{
height: 100%; height: 100%;
display: flex; display: flex;
@ -77,8 +95,11 @@
margin-bottom: 16px; margin-bottom: 16px;
.view-li { .view-li {
font-size: 18px; span{
line-height: 26px; font-size: 20px;
line-height: 40px;
}
} }
} }
@ -86,7 +107,7 @@
display: inline-block; display: inline-block;
border: 1px solid #000; border: 1px solid #000;
padding: 0 14px; padding: 0 14px;
margin-bottom: 16px; margin-bottom: 30px;
line-height: 50px; line-height: 50px;
border-radius: 6px; border-radius: 6px;
font-size: 20px; font-size: 20px;
@ -95,8 +116,9 @@
.box { .box {
height: 100vh; height: 100vh;
background-size: cover;
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px 100px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

Write Preview
Loading…
Cancel
Save