elink-star
/
epdc-cloud-dangjian-shibei
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

首页

master
tianqian 2 years ago
parent
fb9e5ef2f0
commit
6c9fe34528
2 changed files with 129 additions and 30 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 55
      miniprogram/pages/home/home.wxml
  2. 82
      miniprogram/pages/home/home.wxss

55
miniprogram/pages/home/home.wxml
View File

@ -5,7 +5,7 @@
</view>
</view>
<view class="bgw">
<view class="bgw topf50">
<view class="gridouter">
<view class="grid">
<image src="../../images/main/home01.png" />
@ -24,7 +24,7 @@
<view>西海岸先锋</view>
</view>
</view>
<view class="gridouter">
<view class="grid2outer">
<view class="grid2 blue">
<image src="../../images/main/home05.png" />
<view>
@ -32,6 +32,7 @@
<view class="h2">到居住社区报到</view>
</view>
</view>
<view class="w40"></view>
<view class="grid2 red">
<image src="../../images/main/home06.png" />
<view>
@ -42,7 +43,39 @@
</view>
</view>
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px">
<view class="bgw top16">
<view class="title01">推荐</view>
<view class="home_news_list">
<view class="item">
<image src="../../images/main/home_top.png"></image>
<view class="vbetween">
<view class="h1">围绕“经济抓党建，抓好党建促 发展”主题展开活动</view>
<view class="h2">
<view class="time">2023-05-22</view>XXX社区党支部
</view>
</view>
</view>
<view class="item">
<image src="../../images/main/home_top.png"></image>
<view class="vbetween">
<view class="h1">围绕“经济抓党建，抓好党建促 发展”主题展开活动</view>
<view class="h2">
<view class="time">2023-05-22</view>XXX社区党支部
</view>
</view>
</view>
<view class="item">
<image src="../../images/main/home_top.png"></image>
<view class="vbetween">
<view class="h1">围绕“经济抓党建，抓好党建促 发展”主题展开活动</view>
<view class="h2">
<view class="time">2023-05-22</view>XXX社区党支部
</view>
</view>
</view>
</view>
</view>
<!-- <view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> -->
<!-- <view class="belong-grid">
<image class="belong-grid-bg" src="../../images/home/home-grid-bg.png" />
@ -63,17 +96,17 @@
<!-- sudoku九宫格 -->
<!-- <sudoku sudokuState="{{sudokuState}}" userInfo="{{userInfo}}" bind:navigateToDemand="navigateToDemand" bind:navigateToTripReport="navigateToTripReport" bind:navigateToPartyMasses="navigateToPartyMasses" bind:navigateToQuestionnaire="navigateToQuestionnaire" bind:navigateToServiceGuide="navigateToServiceGuide" bind:navigatetoPartyElegant="navigatetoPartyElegant" bind:navigatetoUnionBuild="navigatetoUnionBuild" bind:navigateToAnytimeSay="navigateToAnytimeSay" bind:navigateToAnytimeSay_cc="navigateToAnytimeSay_cc" bind:navigateToAddIssue="navigateToAddIssue" bind:navigatetoConsultion="navigatetoConsultion" bind:navigateToNotice="navigateToNotice" bind:navigatetoAppraise="navigatetoAppraise"></sudoku> -->
<!-- 消息列表 -->
<notice bind:navigateToInfoList="navigateToInfoList" infoList="{{infoList}}" unreadnum="{{unReadNum}}"></notice>
<!-- <notice bind:navigateToInfoList="navigateToInfoList" infoList="{{infoList}}" unreadnum="{{unReadNum}}"></notice> -->
<!-- 项目列表 -->
<project bind:navigatetoItemDetail="navigatetoItemDetail" projectList="{{projectList}}"></project>
<!-- <project bind:navigatetoItemDetail="navigatetoItemDetail" projectList="{{projectList}}"></project> -->
<!-- 新闻列表 -->
<news-list newsList="{{newsList}}" bind:navigatetoNewsDetail="navigatetoNewsDetail"></news-list>
<!-- <news-list newsList="{{newsList}}" bind:navigatetoNewsDetail="navigatetoNewsDetail"></news-list> -->
<!-- 加载更多提示 -->
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more>
<!-- <load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> -->
<!-- 完善过信息提示框 -->
<complete-info-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></complete-info-dialog>
</view>
<!-- <complete-info-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></complete-info-dialog> -->
<!-- </view> -->
<!-- 签到后提醒 -->
<wux-popup visible="{{visible}}" title="{{signCode === 0 ? '签到成功' : '签到失败'}}" content="{{signMsg}}" bind:close="onClose">
<!-- <wux-popup visible="{{visible}}" title="{{signCode === 0 ? '签到成功' : '签到失败'}}" content="{{signMsg}}" bind:close="onClose">
<view slot="footer" class="popup__button" bindtap="onClose">确定</view>
</wux-popup>
</wux-popup> -->

82
miniprogram/pages/home/home.wxss
View File

@ -23,7 +23,7 @@ page {
z-index: 10;
left: 0;
top: 0; */
position: fixed;
position: absolute;
height: 100%;
z-index: -999;
}
@ -145,7 +145,7 @@ page {
.bgw {
background-color: #fff;
margin: 20rpx;
margin-top: -50rpx;
border-radius: 20rpx;
padding: 40rpx 30rpx;
box-sizing: border-box;
@ -172,20 +172,26 @@ page {
}
.grid2outer {
display: flex;
justify-content: space-between;
}
.grid2 {
width: 50%;
flex: 1;
background: linear-gradient(90deg, #F5F9FE 0%, #FBFDFF 100%);
border-radius: 16rpx;
display: flex;
padding: 30rpx;
margin: 20rpx 10rpx;
margin: 20rpx 0rpx 0rpx;
}
.grid2 .h1 {
.grid2 .h1 {
font-size: 32rpx;
font-weight: bold;
line-height: 32rpx;
line-height: 36rpx;
}
.grid2 .h2 {
@ -212,10 +218,70 @@ page {
color: #80A4C7;
}
.red { background: linear-gradient(90deg, #FEFBF0 0%, #FFFDF9 100%);}
.red {
background: linear-gradient(90deg, #FEFBF0 0%, #FFFDF9 100%);
}
.red .h1 {color: #CD9058;}
.red .h1 {
color: #CD9058;
}
.red .h2 {
color: #C89C74;
}
.topf50 {
margin-top: -50rpx;
}
.top16 {
margin-top: 16rpx
}
.w40 {
width: 40rpx;
}
.vbetween{
display: flex;
flex-direction: column;
justify-content:space-between;
}
.title01 {
font-size: 36rpx;
font-family: FZZongYi-M05;
font-weight: 400;
color: #121212;
line-height: 42rpx;
}
.home_news_list {
padding: 20rpx 0rpx
}
.home_news_list .item {
padding: 20rpx 0rpx;
border-bottom: solid #EAEAEA 1px;
display: flex;
}
.home_news_list .item image {
width: 220rpx;
height: 140rpx;
margin-right: 18rpx;
border-radius: 12rpx;
}
.home_news_list .item .h1 {
font-size: 32rpx;
color: #333333;
line-height: 40rpx;
}
.home_news_list .item .h2 {
font-size: 24rpx;
color: #AAAAAA;
line-height: 24rpx;
}
.home_news_list .item .h2 .time{
float: right;
}
Write Preview
Loading…
Cancel
Save