布局优化

epdc-resident-mp-yushan/pages/heart/heart.wxss

@@ -108,6 +108,7 @@ button:last-child{
   display: flex;
   width: 100%;
   border-radius: 16rpx;
+  box-shadow: 0 10rpx 5px #999;
 }
 .dots {
   display: flex;

epdc-resident-mp-yushan/pages/index/components/banner/banner.wxss

@@ -2,15 +2,21 @@
   width: 94%;
   height: 320rpx;
   margin:0 auto;
+  box-shadow: 0 10rpx 5px #999;
+  border-radius: 10px;
 }
 .banner swiper {
   width: 100%;
   height: 320rpx;
+  border-radius: 10px;
+  overflow:hidden;
+  transform: translateY(0);
 }
 .banner-item {
   width: 100%;
   height: 320rpx;
   position: relative;
+  border-radius: 10px;
 }
 .banner-item .banner-img {
   position: absolute;
@@ -18,6 +24,7 @@
   top: 0;
   width: 100%;
   height: 100%;
+  border-radius: 10px;
 }
 .banner-item .banner-content {
   position: relative;
@@ -28,6 +35,7 @@
   z-index: 100;
   display: flex;
   align-items: flex-end;
+  border-radius: 10px;
 }
 .banner-item .banner-content .title {
   width: 100%;

epdc-resident-mp-yushan/pages/index/components/newsList/newsList.wxss

@@ -15,12 +15,12 @@
   justify-content: space-between;
 }
 .news-list .list-item .right {
-  width: calc(100% - 50rpx - 220rpx);
+  width: calc(100% - 30rpx - 220rpx);
   height: 146rpx;
 }
 .news-list .list-item .right .title {
   color: #3f3f3f;
-  font-size: 30rpx;
+  font-size: 32rpx;
   line-height: 45rpx;
   display: -webkit-box;
   overflow: hidden;
@@ -53,7 +53,7 @@
   text-align: right;
 }
 .news-list .list-item .left {
-   width: 250rpx;
+   width: 220rpx;
    height: 146rpx;
    border-radius: 12rpx;
    overflow: hidden;

epdc-resident-mp-yushan/pages/index/components/notice/notice.wxss

@@ -4,6 +4,7 @@
   height: 76rpx;
   box-sizing: border-box;
   padding: 0 40rpx;
+  margin-top: 20rpx;
 }
 .notice .border-content {
   width: 100%;
@@ -12,7 +13,6 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  border-top: 1rpx solid #ece9ec;
 }
 .notice .notice-logo {
   width: 32rpx;

epdc-resident-mp-yushan/pages/index/components/project/project.wxml

@@ -33,7 +33,7 @@
     </view>
   </scroll-view> -->
   <swiper circular="{{true}}" current="{{currentIndex}}" bindchange="swiperChange" class="swiper" next-margin="{{'200rpx'}}">
-    <swiper-item wx:for="{{projectList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
+    <swiper-item wx:for="{{projectList}}" wx:for-index="index" wx:for-item="item" wx:key="index" style="margin-left:30rpx">
       <view class="content"  data-id="{{item.id}}" bindtap="navigatetoItemDetail">
         <view class="top">
           <image mode="aspectFill" wx:if="{{item.images.length > 0}}" class="top-bg" src="{{item.images[0]}}" />

epdc-resident-mp-yushan/pages/index/components/project/project.wxss

@@ -7,7 +7,7 @@
 }
 .project .text{
   font-weight: bold;
-  padding: 30rpx;
+  padding: 32rpx;
 }
 .project .swiper {
   width: 100%;
@@ -15,6 +15,8 @@
   display: inline-block;
   white-space: nowrap;
   overflow-x: scroll;
+  overflow:hidden;
+  transform: translateY(0);
 }
 .project .swiper .swiper-item {
   display: inline-block;
@@ -24,11 +26,9 @@
   height: 430rpx;
 }
 .project .content { 
-  width: 100%;
+  width: 94%;
   height: 430rpx;
   background: #fff;
-  overflow: hidden;
-  padding: 0 30rpx;
 }
 .project .content .top {
   width:100%;
@@ -42,6 +42,7 @@
   left: 0;
   top: 0;
   z-index: 10;
+  border-radius: 10px 10px 0 0;
 }
 .project .content .top .top-content {
   width: 100%;
@@ -55,13 +56,14 @@
 .project .content .top .top-content .project-status {
   width: 110rpx;
   height: 42rpx;
+  border-radius: 10px 0 0 0;
 }
 .progress {
   height: 36rpx;
-  width: 94%;
+  width: 100%;
   background: #f7f7f7;
   border-radius: 17rpx;
-  margin-bottom: 10rpx;
+  margin-top: 10rpx;
   display: flex;
   align-items: center;
 }
@@ -79,7 +81,7 @@
   color: #b0b0b0;
   font-size: 22rpx;
   line-height: 36rpx;
-  padding: 20rpx;
+  padding: 24rpx;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -91,8 +93,8 @@
 }
 .project .content .bottom .title {
   color: #333;
-  font-size: 30rpx;
+  font-size: 32rpx;
-  width: 94%;
+  width: 102%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -104,6 +106,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  margin-top: 20rpx;
 }
 .project .content .bottom .info .left {
   display: flex;
@@ -118,13 +121,12 @@
   top: 2rpx;
 }
 .project .content .bottom .info .left .name {
-  font-size: 22rpx;
+  font-size: 20rpx;
   color:#aaa;
 }
 .project .content .bottom .info .right {
   color: #aaa;
   font-size: 20rpx;
-  padding-right: 40rpx;
 }
 
 /* 自定义轮播指示点样式 */

epdc-resident-mp-yushan/pages/index/components/sudoku/sudoku.wxss

@@ -7,7 +7,7 @@
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
-  grid-template-rows: 215rpx;
+  grid-template-rows: 190rpx;
   box-sizing: border-box;
   padding-bottom: 20rpx;
 }
@@ -18,11 +18,11 @@
   align-items: center;
 }
 .item image {
-  width:126rpx;
+  width:110rpx;
-  height:126rpx;
+  height:110rpx;
 }
 .item .name {
-  font-size: 28rpx;
+  font-size: 26rpx;
   color: #3f3f3f;
   margin-top: 10rpx;
 }

epdc-resident-mp-yushan/pages/property/property.wxml

@@ -3,7 +3,7 @@
   <view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">我的物业</view>
 </view>
 
-<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px" wx:if="{{tabList.length>0 && isLoading == false}}">
+<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px">
   <scroll-view class="tab" scroll-x>
     <view wx:for="{{tabList}}"wx:for-item="item" wx:for-index="index" wx:key="index" data-index="{{index}}" data-id="{{item.id}}" bindtap="changeTab" class="tab-item">
       <view class="tab-name{{index == currentTabIndex? ' active' : ''}}">{{item.projectName}}</view>

epdc-resident-mp-yushan/pages/property/property.wxss

@@ -57,6 +57,7 @@ page {
   white-space: nowrap;
   margin:0 auto;
   -webkit-overflow-scrolling: touch;
+  position: relative;
 }
 .tab-item{
   height: 100%;

epdc-resident-mp-yushan/subpages/education/components/newsList/newsList.wxss

@@ -15,7 +15,7 @@
   justify-content: space-between;
 }
 .news-list .list-item .right {
-  width: calc(100% - 50rpx - 220rpx);
+  width: calc(100% - 30rpx - 210rpx);
   height: 146rpx;
 }
 .news-list .list-item .right .title {
@@ -53,8 +53,8 @@
   text-align: left;
 }
 .news-list .list-item .left {
-   width: 250rpx;
+   width: 210rpx;
-   height: 146rpx;
+   height: 150rpx;
    border-radius: 12rpx;
    overflow: hidden;
 }

epdc-resident-mp-yushan/subpages/education/pages/class/class.wxss

@@ -76,7 +76,7 @@ page {
   text-align: center;
   margin:0 auto;
   height: 80%;
-  font-size: 25rpx;
+  font-size: 28rpx;
   line-height: 100rpx;
   padding: 0 20rpx;
   color: #999;

epdc-resident-mp-yushan/subpages/education/pages/healthyLife/healthyLife.wxml

@@ -8,7 +8,7 @@
   </view>
 </view>
 
-<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px" wx:if="{{tabList.length>0}}">
+<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px">
   <scroll-view class="tab" scroll-x>
     <view wx:for="{{tabList}}" wx:for-item="item" wx:for-index="index" wx:key="index" data-index="{{index}}" data-id="{{item.categoryCode}}" bindtap="changeTab" class="tab-item">
       <view class="tab-name{{index == currentTabIndex? ' active' : ''}}">{{item.categoryName}}</view>

epdc-resident-mp-yushan/subpages/education/pages/healthyLife/healthyLife.wxss

@@ -76,7 +76,7 @@ page {
   text-align: center;
   margin:0 auto;
   height: 80%;
-  font-size: 25rpx;
+  font-size: 28rpx;
   line-height: 100rpx;
   padding: 0 20rpx;
   color: #999;

epdc-resident-mp-yushan/subpages/education/pages/hobby/hobby.wxml

@@ -7,7 +7,7 @@
     兴趣爱好
   </view>
 </view>
-<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px" wx:if="{{groupList.length !== 0}}">
+<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px">
   <view class="item" wx:for="{{groupList}}" wx:key="index" wx:for-item="item">
     <view style="width:100%">
       <view class="item-img">

epdc-resident-mp-yushan/subpages/education/pages/index/index.wxss

@@ -42,7 +42,7 @@ page {
 }
 
 .img{
-  height: 250rpx;
+  height: calc(96vw / 350 * 107);
   width: 96%;
   margin: 0 auto;
   display: block;

epdc-resident-mp-yushan/subpages/safety/components/banner/banner.wxss

@@ -8,11 +8,16 @@
   width: 94%;
   height: 320rpx;
   margin:0 auto;
+  border-radius: 10px;
+  overflow:hidden;
+  transform: translateY(0);
+  box-shadow: 0 10rpx 5px #999;
 }
 .banner-item {
   width: 100%;
   height: 320rpx;
   position: relative;
+  border-radius: 10px;
 }
 .banner-item .banner-img {
   position: absolute;
@@ -20,6 +25,7 @@
   top: 0;
   width: 100%;
   height: 100%;
+  border-radius: 10px;
 }
 .banner-item .banner-content {
   position: relative;
@@ -30,6 +36,7 @@
   z-index: 100;
   display: flex;
   align-items: flex-end;
+  border-radius: 10px;
 }
 .banner-item .banner-content .title {
   width: 100%;

epdc-resident-mp-yushan/subpages/safety/components/policeInfo/policeInfo.wxss

@@ -36,8 +36,8 @@
 .police-pic{
   width: 100rpx;
   height: 140rpx;
-  border-radius: 60px;
+  border-radius: 10px;
-  padding: 20rpx;
+  margin: 20rpx;
 }
 .group-detail{
   width: 50%;

epdc-resident-mp-yushan/subpages/safety/pages/index/index.wxss

@@ -42,7 +42,7 @@ page {
 }
 .consult{
   width: 100%;
-  height: 180rpx;
+  height: calc(96vw / 353 * 78);
   background-color: #fff;
   padding:10rpx 0;
 }