kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

平昌需求

Browse Source
This commit is contained in:
liuye
2023-05-31 09:04:39 +08:00
parent 6ee800c0d4
commit 0d3aa3effb
2 changed files with 37 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/project/szpc/AppCircle/AppCircle.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="AppCircle" :style="{paddingTop: (statusBarHeight + 110) + 'px'}">
<div class="AppCircle" :style="{paddingTop: (statusBarHeight + 102) + 'px'}" :background="background">
<div class="header">
<div class="status-bar" :style="{height: statusBarHeight + 'px'}"></div>
<div class="nav-bar" :style="{
@@ -19,17 +19,19 @@
</div>
</div>
</div>
<div class="nav" v-if="topic.length">
<div
class="nav-item"
hover-class="text-hover"
v-for="(item, index) in topic" :key="index" @click="$linkTo('./TopicDetail?themeId=' + item.id + '&name=' + item.title)">
<image :src="item.picUrl" mode="aspectFill"/>
<h2>{{ item.title }}</h2>
</div>
<div class="nav-item" hover-class="text-hover" @click="$linkTo('./Topic')" v-if="topicList.length > 6">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-more.png"/>
<h2>更多</h2>
<div class="nav-content" v-if="topic.length">
<div class="nav">
<div
class="nav-item"
hover-class="text-hover"
v-for="(item, index) in topic" :key="index" @click="$linkTo('./TopicDetail?themeId=' + item.id + '&name=' + item.title)">
<image :src="item.picUrl" mode="aspectFill"/>
<h2>{{ item.title }}</h2>
</div>
<div class="nav-item" hover-class="text-hover" @click="$linkTo('./Topic')" v-if="topicList.length > 6">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-more.png"/>
<h2>更多</h2>
</div>
</div>
</div>
<div class="AppCircle-list">
@@ -96,7 +98,8 @@
current: 1,
isFixed: false,
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
total: 0
total: 0,
background: {backgroundColor: '#4181FF'}
}
},
@@ -291,15 +294,15 @@
opacity: 1;
transition: all 0.2s ease;
.status-bar {
background: #fff;
background: #4181FF;
}
.nav-bar {
position: relative;
color: #000;
color: #fff;
font-size: 32px;
font-weight: 600;
background: #fff;
background: #4181FF;
text-align: center;
}
}
@@ -320,6 +323,13 @@
}
}
.nav-content {
padding-top: 16px;
width: 100%;
height: 192px;
background-image: linear-gradient(0deg, #F3F6F9 0%, #4181FF 100%);
margin-bottom: 230px;
}
.nav {
display: flex;
align-items: center;
@@ -328,7 +338,7 @@
padding-top: 30px;
background: #ffffff;
border-radius: 16px;
box-shadow: inset 0 -1px 0 0 #eeeeee;
// box-shadow: inset 0 -1px 0 0 #eeeeee;
.nav-item {
display: flex;
@@ -469,7 +479,7 @@
width: 100%;
height: 100px;
padding: 0 32px;
background: #ffffff;
background: #4181FF;
.left {
display: flex;
@@ -480,7 +490,7 @@
position: relative;
height: 100px;
line-height: 100px;
color: #222;
color: #fff;
font-size: 30px;
&:first-child {
@@ -498,7 +508,7 @@
width: 40px;
height: 6px;
border-radius: 3px;
background: #2d7dffff;
background: #fff;
transform: translateX(-50%);
content: ' ';
}
@@ -518,10 +528,10 @@
line-height: 24px;
padding: 0 10px;
font-size: 16px;
color: #fff;
color: #4181FF;
border-radius: 50%;
border: 2px solid #ffffff;
background: #ff5e5e;
border: 2px solid #4181FF;
background: #fff;
box-sizing: border-box;
transform: translateX(50%);
}
@@ -532,10 +542,10 @@
height: 60px;
line-height: 60px;
text-align: center;
color: #df6b6c;
color: #fff;
font-size: 24px;
border-radius: 10px;
border: 1px solid #df6b6c;
border: 1px solid #fff;
}
}
}

4
src/project/szpc/AppConvenientService/AppConvenientService.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="AppConvenientService">
<u-navbar :is-back="false" title="便民服务" title-color="#000" title-width="300" title-size="32" :background="backgroundNavbar" :title-bold="true"></u-navbar>
<u-navbar :is-back="false" title="便民服务" title-color="#fff" title-width="300" title-size="32" :background="backgroundNavbar" :title-bold="true"></u-navbar>
<div class="card-list">
<div class="card" v-for="(item,index) in list" :key="index">
<h2>{{ $dict.getLabel('homeConfigMenuType', index) }}</h2>
@@ -29,7 +29,7 @@ export default {
return {
list: [],
backgroundNavbar: {
background: '#FFF'
background: '#4181FF'
}
}
},