elink-star
/
epdc-office-mp-yushan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

首页改版

release
zhaoyongnian 5 years ago
parent
0571a0057d
commit
5530b4f356
7 changed files with 136 additions and 39 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. BIN
      images/down.png
  2. BIN
      images/ic_dang2.png
  3. BIN
      images/logout.png
  4. BIN
      images/notice.png
  5. 2
      pages/index/index.json
  6. 92
      pages/index/index.wxml
  7. 81
      pages/index/index.wxss

BIN
images/down.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 705 B

BIN
images/ic_dang2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
images/logout.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 726 B

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
images/notice.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

2
pages/index/index.json
View File

@ -1,5 +1,7 @@
{
"navigationBarTitleText": "微笑榆山",
"navigationBarBackgroundColor": "#BB0300",
"navigationBarTextStyle": "white",
"usingComponents": {
"wux-icon": "../../dist/icon/index",
"wux-grids": "../../dist/grids/index",

92
pages/index/index.wxml
View File

@ -1,12 +1,12 @@
<view class="page">
<view class="title">
<view class="banner">
<!-- <view class="title">
<view class="banner"> -->
<!-- 背景图 -->
<image src="/images/banner.png" class="banner-bg" mode="widthFix" />
<!-- <image src="/images/banner.png" class="banner-bg" mode="widthFix" />
<view class="info">
<view class="name">{{curGridName}}</view>
<view class="name">{{curGridName}}</view> -->
<!-- <image bindtap="toSetUp" class="icon icon-right-1" src="/images/shezhi.png"></image> -->
<image bindtap="logout" class="icon icon-right-1" src="/images/logout.png"></image>
<!-- <image bindtap="logout" class="icon icon-right-1" src="/images/logout.png"></image>
<image bindtap="toNotice" wx:if="{{notice == 0}}" class="icon icon-right-2" src="/images/notice.png"></image>
<image bindtap="toNotice" wx:else class="icon icon-right-2" src="/images/notice-xz.png"></image>
</view>
@ -24,7 +24,7 @@
</view>
</view>
</view>
</view>
</view> -->
<!-- 书记在线 -->
<!-- <view class="sudoku clerkOnline" wx:if="{{panel.length !==0}}">
<view class="content">
@ -36,38 +36,58 @@
</view>
</view> -->
<!-- 九宫格循环 -->
<block wx:for="{{panel}}" wx:for-item="itemPanel">
<view class="detailed">
<view class="detailed-name">{{itemPanel.mainLabel}}</view>
<view class="sudoku">
<view class="content">
<view wx:for="{{itemPanel.childNav}}" wx:for-index="index" wx:for-item="itemChild" data-state="{{index}}" data-tmp="{{itemPanel.templateInfo.templateCode}}" data-navcode="{{itemChild.navCode}}" bindtap="toTabs" hover-stay-time="150" hover-class="grid-hover" class="item">
<image src="{{itemChild.icon}}" />
<view class="name">{{itemChild.label}}</view>
<!-- 书记在线特殊处理 -->
<button wx:if="{{itemChild.navCode == 10011 && checkUpdateAvatar}}" class="button" open-type="getUserInfo" catchgetuserinfo="getInfo" hover-stop-propagation="{{propagation}}"></button>
<!-- 工作日志特殊处理 -->
<view wx:if="{{itemChild.navCode == 10021 && workCheckUpdateAvatar}}" class="but" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
<button data-navCode="{{itemChild.navCode}}" class="button button-wid" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
</view>
<!-- 周报告 -->
<view wx:if="{{itemChild.navCode == 10022 && workCheckUpdateAvatar}}" class="but button-weekly" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
<button data-navCode="{{itemChild.navCode}}" class="button button-wid button-weekly" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
</view>
<!-- 月报告 -->
<view wx:if="{{itemChild.navCode == 10023 && workCheckUpdateAvatar}}" class="but button-monthly" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
<button data-navCode="{{itemChild.navCode}}" class="button button-wid button-monthly" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
</view>
<view wx:if="{{itemChild.navCode == 10024 && workCheckUpdateAvatar}}" class="but button-left" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
<button data-navCode="{{itemChild.navCode}}" class="button button-wid button-left" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
</view>
<view wx:if="{{itemChild.num>0}}" class="number {{itemChild.label.length === 2 ? 'number-left-2': itemChild.label.length === 3 ? 'number-left-3': itemChild.label.length === 4 ? 'number-left-4':itemChild.label.length === 5 ? 'number-left-5':itemChild.label.length === 6 ? 'number-left-6' :''}}">
<text wx:if="{{itemChild.num > 999}}">999+</text>
<text wx:else>{{itemChild.num}}</text>
<view class="title-new">
<view class="grid-any">
<view bindtap="gridChange" class="grid-name">
<view>{{curGridName}}</view>
<image src="/images/down.png"></image>
</view>
<view class="grid-set">
<image wx:if="{{notice == 0}}" bindtap="toNotice" class="notice" src="/images/notice.png"></image>
<image bindtap="toNotice" wx:else class="notice" src="/images/notice-xz.png"></image>
<image bindtap="logout" class="logout" src="/images/logout.png"></image>
</view>
</view>
<view class="explain-new">
<image src="/images/ic_dang2.png"></image>
<view class="explain-name-new">可按照网格支部查看</view>
</view>
</view>
<view class="list-all">
<block wx:for="{{panel}}" wx:for-item="itemPanel">
<view class="detailed">
<view class="detailed-name">{{itemPanel.mainLabel}}</view>
<view class="sudoku">
<view class="content">
<view wx:for="{{itemPanel.childNav}}" wx:for-index="index" wx:for-item="itemChild" data-state="{{index}}" data-tmp="{{itemPanel.templateInfo.templateCode}}" data-navcode="{{itemChild.navCode}}" bindtap="toTabs" hover-stay-time="150" hover-class="grid-hover" class="item">
<image src="{{itemChild.icon}}" />
<view class="name">{{itemChild.label}}</view>
<!-- 书记在线特殊处理 -->
<button wx:if="{{itemChild.navCode == 10011 && checkUpdateAvatar}}" class="button" open-type="getUserInfo" catchgetuserinfo="getInfo" hover-stop-propagation="{{propagation}}"></button>
<!-- 工作日志特殊处理 -->
<view wx:if="{{itemChild.navCode == 10021 && workCheckUpdateAvatar}}" class="but" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
<button data-navCode="{{itemChild.navCode}}" class="button button-wid" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
</view>
<!-- 周报告 -->
<view wx:if="{{itemChild.navCode == 10022 && workCheckUpdateAvatar}}" class="but button-weekly" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
<button data-navCode="{{itemChild.navCode}}" class="button button-wid button-weekly" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
</view>
<!-- 月报告 -->
<view wx:if="{{itemChild.navCode == 10023 && workCheckUpdateAvatar}}" class="but button-monthly" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
<button data-navCode="{{itemChild.navCode}}" class="button button-wid button-monthly" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
</view>
<view wx:if="{{itemChild.navCode == 10024 && workCheckUpdateAvatar}}" class="but button-left" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
<button data-navCode="{{itemChild.navCode}}" class="button button-wid button-left" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
</view>
<view wx:if="{{itemChild.num>0}}" class="number {{itemChild.label.length === 2 ? 'number-left-2': itemChild.label.length === 3 ? 'number-left-3': itemChild.label.length === 4 ? 'number-left-4':itemChild.label.length === 5 ? 'number-left-5':itemChild.label.length === 6 ? 'number-left-6' :''}}">
<text wx:if="{{itemChild.num > 999}}">999+</text>
<text wx:else>{{itemChild.num}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
</block>
</block>
</view>
</view>

81
pages/index/index.wxss
View File

@ -1,5 +1,5 @@
page {
background: #fff;
background: #f7f7f7;
}
.title {
@ -136,9 +136,13 @@ page {
/* 文字样式 */
.detailed {
width: 100%;
border-top: 10rpx solid #f6f8f8;
width: calc(100% - 40rpx);
/* border-top: 10rpx solid #f6f8f8; */
margin: 20rpx;
border-radius: 16rpx;
padding: 30rpx 0;
background: #ffffff;
}
.detailed .detailed-name {
@ -273,3 +277,74 @@ page {
margin-left: 102rpx;
margin-top: 5rpx;
}
/* 首页改版 */
.title-new{
width: 100%;
height: 200rpx;
background: #BB0300;
overflow:hidden;
/* padding-top: 38rpx; */
}
.title-new .grid-any{
margin-top: 38rpx;
width: calc(100% - 44rpx);
height: 40rpx;
margin-left: 22rpx;
background: #BB0300;
display: flex;
justify-content: space-between;
align-items: center;
}
.title-new .grid-any .grid-name {
display: flex;
justify-content: space-between;
align-items: center;
}
.title-new .grid-any .grid-name view{
font-size: 34rpx;
font-weight: 500;
color: #FFFFFF;
}
.title-new .grid-any .grid-name image{
width: 24rpx;
height: 16rpx;
margin-left: 13rpx;
}
.title-new .grid-any .grid-set{
display: flex;
justify-content: space-between;
align-items: center;
}
.title-new .grid-any .grid-set .logout{
width: 40rpx;
height: 40rpx;
}
.title-new .grid-any .grid-set .notice{
width: 40rpx;
height: 40rpx;
margin-right: 80rpx;
}
.list-all{
margin-top: -60rpx;
}
.explain-new{
margin-top: 23rpx;
width: calc(100% - 18rpx);
height: 24rpx;
margin-left: 18rpx;
background: #BB0300;
display: flex;
align-items: center;
}
.explain-new image{
width: 24rpx;
height: 24rpx;
}
.explain-new .explain-name-new{
font-size: 24rpx;
font-weight: 500;
color: #FFFFFF;
opacity: 0.5;
}

Write Preview
Loading…
Cancel
Save