zhaoyongnian
6 years ago
14 changed files with 3718 additions and 121 deletions
@ -0,0 +1,8 @@ |
|||
{ |
|||
"files.associations": { |
|||
"*.cjson": "jsonc", |
|||
"*.wxss": "css", |
|||
"*.wxs": "javascript", |
|||
"*.wxml": "html" |
|||
} |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"target": "es2015", |
|||
"module": "commonjs" |
|||
} |
|||
} |
|||
@ -0,0 +1,378 @@ |
|||
const app = getApp() |
|||
var api = require('../../utils/api.js') |
|||
var global = require('../../utils/config.js') |
|||
import { |
|||
getTimestamp |
|||
} from '../../utils/common' |
|||
|
|||
Page({ |
|||
data: { |
|||
first: true, |
|||
nomorenews: true, |
|||
departmentName: '', |
|||
options: { |
|||
autoplay: false, |
|||
circular: true, |
|||
interval: 3000, |
|||
duration: 100, |
|||
previousMargin: 50, |
|||
nextMargin: 0, |
|||
displayMultipleItems: 3, |
|||
currentSwiper: '', |
|||
}, |
|||
options2: { |
|||
autoplay: false, |
|||
circular: true, |
|||
interval: 3000, |
|||
duration: 100, |
|||
previousMargin: 50, |
|||
nextMargin: 0, |
|||
displayMultipleItems: 3, |
|||
currentSwiper: '', |
|||
}, |
|||
swiperBannerList: [], |
|||
swiperData: [{ |
|||
headUrl: '', |
|||
linkType: 2, |
|||
name: '222' |
|||
}, |
|||
{ |
|||
headUrl: '', |
|||
linkType: 2, |
|||
name: '222' |
|||
} |
|||
], |
|||
fromScan: false, |
|||
gid: '', |
|||
nvabarData: { |
|||
showCapsule: 1, //是否显示左上角图标 1表示显示 0表示不显示
|
|||
title: '精致锦水', //导航栏 中间的标题
|
|||
}, |
|||
height: app.globalData.height * 2 + 20, |
|||
infoObj: { |
|||
time: '', |
|||
title: '', |
|||
amount: '' |
|||
}, |
|||
noticeList: [], |
|||
innerHtmlStatus: true, |
|||
visibilityStatus: true, |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
timestamp: getTimestamp(), |
|||
newsList: [], |
|||
issueList: [], |
|||
projectList: [], |
|||
colorList: ['#fdf6e3', '#e9ecf5', '#f7eedf', '#efd9cc', '#e1efff'], |
|||
statusHeight: 0, // 自定义头部状态栏高度
|
|||
navigationHeight: 0, // 自定义头部导航栏高度
|
|||
currentIndex: 0, |
|||
}, |
|||
onShow: function() { |
|||
if (wx.getStorageSync('token') != '' && wx.getStorageSync('token') != undefined && wx.getStorageSync('token') != null) { |
|||
if (!this.data.first) { |
|||
this.getBannerList() |
|||
this.getFirstInfo() |
|||
this.getNoticeList() |
|||
this.getIssueList() |
|||
this.getProjectList() |
|||
this.setData({ |
|||
pageNo: 1, |
|||
newsList: [] |
|||
}) |
|||
this.getNewsList() |
|||
} |
|||
} |
|||
}, |
|||
onLoad: function(options) { |
|||
if (options.scene) { |
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
gridId: options.scene |
|||
}) |
|||
} else { |
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
}) |
|||
} |
|||
console.log('options:', options) |
|||
if (options.scene) { |
|||
this.setData({ |
|||
gid: decodeURIComponent(options.scene) |
|||
}) |
|||
} |
|||
let that = this |
|||
setTimeout(function() { |
|||
that.getUserState() |
|||
}, 700) |
|||
}, |
|||
getBannerList: function() { |
|||
let that = this |
|||
api.bannerList('0').then(function(res) { |
|||
console.log('res==', res.data) |
|||
that.setData({ |
|||
swiperBannerList: res.data |
|||
}) |
|||
}) |
|||
}, |
|||
getProjectList() { |
|||
let that = this |
|||
let para = { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
searchContent: '', |
|||
timestamp: getTimestamp(), |
|||
categoryId: '' |
|||
} |
|||
api.getProjectList(para).then(function(res) { |
|||
that.setData({ |
|||
projectList: res.data |
|||
}) |
|||
console.log('newsList', that.data.newsList) |
|||
}) |
|||
}, |
|||
getIssueList() { |
|||
let that = this |
|||
let para = { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
searchContent: '', |
|||
orderType: '1', |
|||
timestamp: getTimestamp(), |
|||
categoryId: '' |
|||
} |
|||
api.getIssueList(para).then(function(res) { |
|||
that.setData({ |
|||
issueList: res.data |
|||
}) |
|||
console.log('newsList', that.data.newsList) |
|||
}) |
|||
}, |
|||
getNewsList: function() { |
|||
let that = this |
|||
let para = { |
|||
pageIndex: this.data.pageNo, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp() |
|||
} |
|||
api.newsList(para).then(function(res) { |
|||
that.setData({ |
|||
first: false, |
|||
newsList: that.data.newsList.concat(res.data) |
|||
}) |
|||
if (res.data.length < that.data.pageSize) { |
|||
that.setData({ |
|||
nomorenews: false |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
onReachBottom() { |
|||
if (this.data.nomorenews) { |
|||
console.log('加载翻页') |
|||
this.setData({ |
|||
pageNo: this.data.pageNo + 1, |
|||
pageSize: this.data.pageSize, |
|||
pageIndex: getTimestamp() |
|||
}) |
|||
this.getNewsList() |
|||
} |
|||
}, |
|||
toDetail(e) { |
|||
wx.navigateTo({ |
|||
url: '/subpages/home/pages/newsDetail/newsDetail?id=' + e.currentTarget.dataset.id |
|||
}) |
|||
}, |
|||
getFirstInfo: function() { |
|||
let that = this |
|||
api.getFirstInfo().then(function(res) { |
|||
console.log('infoObj', res.data) |
|||
if (res.data !== null) { |
|||
that.setData({ |
|||
infoObj: res.data |
|||
}) |
|||
} |
|||
|
|||
console.log('zheli', that.data.infoObj) |
|||
}) |
|||
}, |
|||
getNoticeList: function() { |
|||
let para = { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
timestamp: getTimestamp() |
|||
} |
|||
let that = this |
|||
api.noticelist(para).then(function(res) { |
|||
console.log('infoObj', res.data) |
|||
if (res.data !== null) { |
|||
that.setData({ |
|||
noticeList: res.data |
|||
}) |
|||
} |
|||
|
|||
console.log('zheli', that.data.infoObj) |
|||
}) |
|||
}, |
|||
// 根据微信code查询用户当前状态
|
|||
getUserState: function() { |
|||
let that = this |
|||
wx.login({ |
|||
success(res) { |
|||
if (res.code) { |
|||
let code = res.code |
|||
api.getToken(code).then(function(res) { |
|||
let state = res.data.userState |
|||
console.log(state) |
|||
console.log('date', Date.parse(new Date())) |
|||
let date = Date.parse(new Date()) |
|||
app.globalData.infoCompleted = state |
|||
wx.removeStorageSync('topGridName') |
|||
wx.setStorageSync('topGridName', res.data.grid) |
|||
wx.removeStorageSync('token') |
|||
wx.setStorageSync('token', res.data.token) |
|||
that.setData({ |
|||
departmentName: res.data.grid |
|||
}) |
|||
|
|||
if (state == '0') { |
|||
if (that.data.gid !== '') { //扫码进来的
|
|||
// 是否是网格长的情况
|
|||
if (that.data.gid == 'gridLeader') { // 是网格长，进网格长注册
|
|||
wx.redirectTo({ |
|||
url: '/pages/gridLeaderRegister/gridLeaderRegister' |
|||
}) |
|||
} else { // 不是网格长，进网格提示页
|
|||
wx.redirectTo({ |
|||
url: '/pages/formid/formid?gid=' + that.data.gid |
|||
}) |
|||
} |
|||
} else { // 直接进首页
|
|||
that.getBannerList() |
|||
that.getFirstInfo() |
|||
that.getNoticeList() |
|||
that.getNewsList() |
|||
that.getIssueList() |
|||
that.getProjectList() |
|||
} |
|||
} else if (state == '4') { //未注册，跳到我要注册页面
|
|||
if (that.data.gid !== '') { //扫码进来的
|
|||
// 扫码进来未注册的情况，先进到前置页面获取formid
|
|||
// 是否是网格长的情况
|
|||
if (that.data.gid == 'gridLeader') { // 是网格长
|
|||
wx.redirectTo({ |
|||
url: '/pages/gridLeaderRegister/gridLeaderRegister' |
|||
}) |
|||
} else { |
|||
wx.redirectTo({ |
|||
url: '/pages/formid/formid?gid=' + that.data.gid |
|||
}) |
|||
} |
|||
} else { |
|||
// 非扫码进入，通过搜索小程序直接进入的情况
|
|||
wx.redirectTo({ |
|||
url: '/pages/toRegister/toRegister' |
|||
}) |
|||
// if (app.globalData.tempGridId == '') {
|
|||
// wx.redirectTo({ // todo:
|
|||
// url: '/pages/toRegister/toRegister?code=' + code + '&t=' + date
|
|||
// })
|
|||
// } else {
|
|||
// wx.redirectTo({
|
|||
// url: '/pages/formid/formid?gid=' + app.globalData.tempGridId
|
|||
// })
|
|||
// }
|
|||
} |
|||
} else { |
|||
if (that.data.gid !== '') { //扫码进来的
|
|||
// 是否是网格长的情况
|
|||
if (that.data.gid == 'gridLeader') { // 是网格长，进网格长注册
|
|||
wx.redirectTo({ |
|||
url: '/pages/gridLeaderRegister/gridLeaderRegister' |
|||
}) |
|||
} else { // 不是网格长，进网格提示页
|
|||
wx.redirectTo({ |
|||
url: '/pages/formid/formid?gid=' + that.data.gid |
|||
}) |
|||
} |
|||
} else { // 直接进首页
|
|||
that.getBannerList() |
|||
that.getFirstInfo() |
|||
that.getNoticeList() |
|||
that.getNewsList() |
|||
that.getIssueList() |
|||
that.getProjectList() |
|||
} |
|||
} |
|||
}) |
|||
} else { |
|||
console.log('登录失败' + res.errMsg) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
changeGrid() { |
|||
wx.navigateTo({ |
|||
url: '/subpages/changegrid/pages/changeGrid/changeGrid' |
|||
}) |
|||
}, |
|||
swiperChange: function(e) { |
|||
this.setData({ |
|||
'options.currentSwiper': e.detail.current, |
|||
currentIndex: e.detail.current |
|||
}) |
|||
}, |
|||
swiperChange2: function(e) { |
|||
this.setData({ |
|||
'options2.currentSwiper': e.detail.current, |
|||
currentIndex: e.detail.current |
|||
}) |
|||
}, |
|||
// 点击-更多，跳转通知列表
|
|||
moreNotice() { |
|||
wx.navigateTo({ |
|||
url: '/subpages/home/pages/notice/notice' |
|||
}) |
|||
// wx.miniProgram.navigateTo({ url: '/pages/detail/detail?weburl=' + encodeURIComponent(global.baseURL + 'notice?departmentName=' + sessionStorage.getItem('departmentName')) })
|
|||
}, |
|||
// 跳转我的消息
|
|||
toInfoList() { |
|||
console.log('ssssss') |
|||
wx.navigateTo({ |
|||
url: '/subpages/home/pages/info/info' |
|||
}) |
|||
// wx.miniProgram.navigateTo({ url: '/pages/detail/detail?weburl=' + encodeURIComponent(global.baseURL + 'info') })
|
|||
}, |
|||
|
|||
// 跳转到banner详情
|
|||
navigatetoBannerDetail(e) { |
|||
const { |
|||
id, |
|||
url, |
|||
newsflag |
|||
} = e.currentTarget.dataset |
|||
console.log(id, url, newsflag) |
|||
if (newsflag == '0') { |
|||
wx.navigateTo({ |
|||
url: `/subpages/home/pages/webview/webview?url=${url}` |
|||
}) |
|||
} else if (newsflag == '1') { |
|||
wx.navigateTo({ |
|||
url: `/subpages/home/pages/newsDetail/newsDetail?id=${id}` |
|||
}) |
|||
} |
|||
}, |
|||
// 我有事说
|
|||
wyss(){ |
|||
wx.navigateTo({ |
|||
url: `../discussion/discussion` |
|||
}) |
|||
}, |
|||
dqhd(){ |
|||
wx.navigateTo({ |
|||
url: `../association/association` |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,8 @@ |
|||
{ |
|||
"navigationBarTitleText": "精致锦水", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white", |
|||
"usingComponents": { |
|||
"nav-bar": "/components/navbar/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,94 @@ |
|||
<wxs module="filter" src="../../utils/filter.wxs"></wxs> |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk-eAbEAxAAANn46uZ0I895.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">e锦水</view> |
|||
</view> |
|||
|
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
|
|||
<!--所属网格--> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk_uAaDAaAAA2_zNBm_Y236.png" /> |
|||
<view class="grid" bindtap="changeGrid"> |
|||
<image class="party-logo" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk1aAGwwcAAAFdGPP-1s507.png" /> |
|||
<view class="grid-name">{{departmentName}}</view> |
|||
<image class="more-grid" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk3uAAMMcAAADckZSIh0279.png" /> |
|||
</view> |
|||
<image bindtap="toInfoList" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk4yASWCrAAAKA-kIkt0142.png" /> |
|||
</view> |
|||
<!-- banner swiperBannerList --> |
|||
<view class="banner"> |
|||
<swiper circular="{{true}}" autoplay="{{true}}" interval="{{3000}}" current="{{currentIndex}}" bindchange="swiperChange"> |
|||
<swiper-item wx:for="{{swiperBannerList}}" wx:key="index" wx:for-index="index" wx:for-item="item"> |
|||
<view class="banner-item" data-id="{{item.id}}" data-url="{{item.url}}" data-newsflag="{{item.newsFlag}}" bindtap="navigatetoBannerDetail"> |
|||
<image mode="aspectFill" class="banner-img" src="{{item.imgUrl}}" /> |
|||
<view class="banner-content"> |
|||
<view class="title"> |
|||
<view class="title-text">{{item.title}}</view> |
|||
</view> |
|||
<view class="indication"> |
|||
<block wx:for="{{swiperBannerList}}" wx:key="index"> |
|||
<view class="spot{{index == currentIndex? ' active' : ''}}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</swiper-item> |
|||
</swiper> |
|||
</view> |
|||
<!-- 通知 --> |
|||
<view class="notice"> |
|||
<view class="left"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk6iAMXkjAAAJcTi5eUU272.png"></image> |
|||
<view class="circle"></view> |
|||
<view class="havenotice" wx:if="{{noticeList.length > 0}}"> |
|||
<view class="notice-broadcast-content" class="scrollNotice"> |
|||
<view class="ul list swiper-wrapper" class="notice_list"> |
|||
<view class="swiperview swiper-position"> |
|||
<swiper class="swiperitem" indicator-dots="true" autoplay="true" vertical="true" circular="true"> |
|||
<block wx:for="{{noticeList}}" wx:key="{{index}}" wx:for-item="item" wx:for-index="index"> |
|||
<swiper-item> |
|||
<navigator url="/subpages/home/pages/noticeDetail/noticeDetail?id={{item.id}}"> |
|||
<text class="swiper-txt">{{item.noticeTitle}}</text> |
|||
</navigator> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <view class="notice-info" wx:if="{{noticeList.length > 0}}">疫情防控社区、医疗机构防控网格图联系方···</view> --> |
|||
</view> |
|||
<view class="right"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk7iAHRq-AAAFYLGulzU493.png"></image> |
|||
<view class="name" wx:if="{{noticeList.length > 0}}">{{noticeList.length}}</view> |
|||
<view class="name" wx:else>0</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 我有话说 --> |
|||
<view class="grid-all"> |
|||
<image bindtap="wyss" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nki6AIOnKAAEFtEe51uE843.png"></image> |
|||
<image bindtap="dqhd" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkqeAFhyBAAEedWqz2eE440.png"></image> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkrqAB9DJAAEx8Bq_7R8226.png"></image> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nks6ALQtRAAExnBUFGQs281.png"></image> |
|||
</view> |
|||
|
|||
<!-- 列表 --> |
|||
<view class="list-all"> |
|||
<view class="list-item" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{newsList}}" data-id="{{item.id}}" bindtap="toDetail"> |
|||
<view class="item-info"> |
|||
<view class="item-info-name">{{item.newsTitle}} |
|||
</view> |
|||
<view class="item-info-time"> |
|||
<text>{{item.deptName}}-{{item.newsCategoryName}}</text> |
|||
<text>{{filter.formatTime(item.newsStartTime, 'yyyy-MM-dd')}}</text> |
|||
</view> |
|||
</view> |
|||
<image src="{{item.newsImageUrl}}"></image> |
|||
</view> |
|||
</view> |
|||
<view hidden="{{nomorenews}}" class="nomorenews">没有更多了~</view> |
|||
<!-- <view>暂无更多</view> --> |
|||
</view> |
|||
@ -0,0 +1,411 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #fff; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
} |
|||
|
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
.header .navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgba(255, 255, 255, 0.9); |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
letter-spacing: 2rpx; |
|||
} |
|||
|
|||
.home { |
|||
width: 100%; |
|||
} |
|||
|
|||
.belong-grid { |
|||
width: 100%; |
|||
height: 100rpx; |
|||
position: relative; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.belong-grid .belong-grid-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.belong-grid .grid { |
|||
width: 90%; |
|||
height: 100%; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .grid .party-logo { |
|||
width: 24rpx; |
|||
height: 30rpx; |
|||
margin: 0 14rpx 0 22rpx; |
|||
} |
|||
|
|||
.belong-grid .grid .grid-name { |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
} |
|||
|
|||
.belong-grid .grid .more-grid { |
|||
width: 16rpx; |
|||
height: 22rpx; |
|||
margin-left: 10rpx; |
|||
margin-top: 5rpx; |
|||
} |
|||
|
|||
.belong-grid .news { |
|||
width: 34rpx; |
|||
height: 34rpx; |
|||
margin-right: 22rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
|
|||
/* bannner *********** start */ |
|||
|
|||
.banner { |
|||
width: 100%; |
|||
height: 340rpx; |
|||
} |
|||
|
|||
.banner swiper { |
|||
width: 100%; |
|||
height: 340rpx; |
|||
} |
|||
|
|||
.banner-item { |
|||
width: 100%; |
|||
height: 340rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.banner-item .banner-img { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.banner-item .banner-content { |
|||
position: relative; |
|||
width: 100%; |
|||
height: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: flex-end; |
|||
} |
|||
|
|||
.banner-item .banner-content .title { |
|||
width: 100%; |
|||
height: 91rpx; |
|||
background: rgba(0, 0, 0, 0.4); |
|||
box-sizing: border-box; |
|||
padding: 0 20rpx; |
|||
display: flex; |
|||
/* align-items: center; */ |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.banner-item .banner-content .title .title-text { |
|||
width: 75%; |
|||
/* height: 50rpx; */ |
|||
color: #fff; |
|||
font-size: 26rpx; |
|||
/* line-height: 50rpx; */ |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
margin-top: 10rpx; |
|||
} |
|||
|
|||
/* 自定义轮播指示点样式 */ |
|||
|
|||
.indication { |
|||
height: 70rpx; |
|||
display: flex; |
|||
position: absolute; |
|||
/* bottom: -2rpx; */ |
|||
right: 20rpx; |
|||
flex-direction: row; |
|||
/* align-items: center; */ |
|||
justify-content: center; |
|||
} |
|||
|
|||
/* 未选中指示点样式 */ |
|||
|
|||
.spot { |
|||
width: 10rpx; |
|||
height: 10rpx; |
|||
border-radius: 50%; |
|||
margin-right: 10rpx; |
|||
background-color: #c6c6c8; |
|||
} |
|||
|
|||
/*选中指示样式 */ |
|||
|
|||
.spot.active { |
|||
width: 10rpx; |
|||
height: 10rpx; |
|||
border-radius: 50%; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
/* bannner *********** end */ |
|||
|
|||
/* 通知 start*/ |
|||
|
|||
.notice { |
|||
width: calc(100% - 88rpx); |
|||
height: 90rpx; |
|||
margin-left: 24rpx; |
|||
position: relative; |
|||
z-index: 888; |
|||
margin-top: -31rpx; |
|||
border-radius: 10rpx; |
|||
background: rgba(253, 253, 253, 1); |
|||
box-shadow: 0px 4px 29px 0px rgba(63, 63, 63, 0.1); |
|||
padding: 0 20rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.notice .left { |
|||
height: 28rpx; |
|||
width: calc(100% - 44rpx); |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.notice .left image { |
|||
height: 28rpx; |
|||
width: 62rpx; |
|||
} |
|||
|
|||
.notice .left .circle { |
|||
width: 8rpx; |
|||
height: 8rpx; |
|||
background: #666; |
|||
border-radius: 50%; |
|||
margin-left: 21rpx; |
|||
} |
|||
|
|||
.notice .left .notice-info { |
|||
height: 24rpx; |
|||
width: calc(100%-148rpx); |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
color: rgba(153, 153, 153, 1); |
|||
line-height: 24rpx; |
|||
margin-left: 22rpx; |
|||
} |
|||
|
|||
/* 滚动start */ |
|||
.havenotice { |
|||
overflow: hidden; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
height: 100%; |
|||
width: calc(100%-148rpx); |
|||
} |
|||
|
|||
.notice-broadcast-content { |
|||
margin-left: 12rpx; |
|||
width: 85%; |
|||
height: 20px; |
|||
position: relative; |
|||
top: 1px; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.notice_list { |
|||
width: 100%; |
|||
} |
|||
|
|||
.li { |
|||
color: #333333; |
|||
font-size: 28rpx; |
|||
width: 100%; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.notice-broadcast-more { |
|||
font-size: 28rpx; |
|||
font-weight: normal; |
|||
color: #ffa650; |
|||
margin-top: 16rpx; |
|||
} |
|||
|
|||
.nomorenotice { |
|||
color: #666666; |
|||
margin-left: 14rpx; |
|||
} |
|||
|
|||
.swiperitem { |
|||
height: 100%; |
|||
line-height: 30rpx; |
|||
} |
|||
|
|||
.swiper-txt { |
|||
font-size: 28rpx; |
|||
color: #333333; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.swiper-position { |
|||
position: absolute; |
|||
margin: -20rpx 0 0 20rpx; |
|||
width: calc(100% - 200rpx); |
|||
z-index: 2; |
|||
height: 46rpx; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.swiperview .wx-swiper-dots { |
|||
display: none; |
|||
} |
|||
|
|||
/* 滚动end */ |
|||
|
|||
.notice .right { |
|||
height: 32rpx; |
|||
width: 44rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.notice .right image { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
left: 0px; |
|||
top: 0px; |
|||
} |
|||
|
|||
.notice .right .name { |
|||
position: absolute; |
|||
text-align: center; |
|||
width: 100%; |
|||
height: 100%; |
|||
left: 0px; |
|||
top: 0px; |
|||
font-size: 22rpx; |
|||
font-weight: 500; |
|||
color: rgba(255, 255, 255, 1); |
|||
line-height: 32rpx; |
|||
} |
|||
|
|||
/* 通知 end*/ |
|||
|
|||
/* 我有事说 */ |
|||
|
|||
.grid-all { |
|||
height: 356rpx; |
|||
width: calc(100% - 54rpx); |
|||
margin-top: 29rpx; |
|||
margin-left: 27rpx; |
|||
} |
|||
|
|||
.grid-all image { |
|||
height: 50%; |
|||
width: 50%; |
|||
float: left; |
|||
} |
|||
|
|||
/* 我有事说 end*/ |
|||
|
|||
/* 列表样式 */ |
|||
|
|||
.list-all { |
|||
width: calc(100% - 48rpx); |
|||
margin-left: 21rpx; |
|||
} |
|||
|
|||
.list-all .list-item { |
|||
border-bottom: 1rpx solid #eaeaea; |
|||
padding: 41rpx 18rpx 31rpx 15rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.list-all .list-item .item-info { |
|||
width: calc(100% - 220rpx); |
|||
height: 146rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.list-all .list-item .item-info .item-info-name { |
|||
width: calc(100% - 47rpx); |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: rgba(63, 63, 63, 1); |
|||
line-height: 50rpx; |
|||
} |
|||
|
|||
.list-all .list-item .item-info .item-info-time { |
|||
width: calc(100% - 23rpx); |
|||
height: 22rpx; |
|||
position: absolute; |
|||
bottom: 5rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.list-all .list-item .item-info .item-info-time text { |
|||
font-size: 22rpx; |
|||
font-weight: 500; |
|||
color: rgba(170, 170, 170, 1); |
|||
line-height: 22rpx; |
|||
} |
|||
|
|||
.list-all .list-item image { |
|||
width: 220rpx; |
|||
height: 146rpx; |
|||
border-radius: 10rpx; |
|||
} |
|||
.nomorenews{ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
font-size:28rpx; |
|||
color:#999999; |
|||
padding: 20rpx; |
|||
} |
|||
@ -1,17 +1,17 @@ |
|||
<view class="page"> |
|||
<image class="image-one" src="../../images/start_bg.png" mode="scaleToFill"></image> |
|||
<view class="logo-style"> |
|||
<image class="image-two" src="../../images/start_logo.png" mode="scaleToFill"></image> |
|||
</view> |
|||
<image class="image-one" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716njY2ADRNbAAX8Nk6dBkI229.png" mode="scaleToFill"></image> |
|||
<view class="logo-style"> |
|||
<image class="image-two" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716njbGAMRwZAAFzEo6DMTQ932.png" mode="scaleToFill"></image> |
|||
</view> |
|||
|
|||
<view class="time"> |
|||
<view class="time-info" bindtap="bindGetUserInfo"> |
|||
<view class="left"> |
|||
{{countDownNum}}s |
|||
</view> |
|||
<view class="right"> |
|||
跳过 |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
<view class="time-info" bindtap="bindGetUserInfo"> |
|||
<view class="left"> |
|||
{{countDownNum}}s |
|||
</view> |
|||
<view class="right"> |
|||
跳过 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -1,67 +1,65 @@ |
|||
.page { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: relative; |
|||
|
|||
|
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
width: 100%; |
|||
height: 100%; |
|||
position: relative; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
} |
|||
|
|||
.image-one { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100% |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.logo-style { |
|||
width: 100%; |
|||
height: 220rpx; |
|||
margin-top: 455rpx; |
|||
position: absolute; |
|||
display: flex; |
|||
justify-content: center; |
|||
width: 100%; |
|||
height: 220rpx; |
|||
margin-top: 455rpx; |
|||
position: absolute; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.logo-style .image-two { |
|||
height: 220rpx; |
|||
width: 500rpx; |
|||
height: 220rpx; |
|||
width: 500rpx; |
|||
} |
|||
|
|||
.time { |
|||
margin-top: 170rpx; |
|||
position: absolute; |
|||
width: calc(100% - 28rpx); |
|||
height: 60rpx; |
|||
display: flex; |
|||
flex-direction: row-reverse; |
|||
align-items: center; |
|||
margin-top: 170rpx; |
|||
position: absolute; |
|||
width: calc(100% - 28rpx); |
|||
height: 60rpx; |
|||
display: flex; |
|||
flex-direction: row-reverse; |
|||
align-items: center; |
|||
} |
|||
|
|||
.time .time-info { |
|||
width: 150rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
background: #fff; |
|||
opacity: 0.6; |
|||
display: flex; |
|||
align-items: center; |
|||
width: 150rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
background: #fff; |
|||
opacity: 0.6; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.time .time-info .left { |
|||
width: 50%; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
font-size: 30rpx; |
|||
text-align: center; |
|||
border-right: 1rpx solid black; |
|||
width: 50%; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
font-size: 30rpx; |
|||
text-align: center; |
|||
border-right: 1rpx solid black; |
|||
} |
|||
|
|||
.time .time-info .right { |
|||
width: 50%; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
font-size: 25rpx; |
|||
text-align: center; |
|||
width: 50%; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
font-size: 25rpx; |
|||
text-align: center; |
|||
} |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue