登录 列表 工作

app.json

@@ -29,7 +29,7 @@
   "window": {
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "uni-app",
-    "navigationBarBackgroundColor": "#F8F8F8",
+    "navigationBarBackgroundColor": "#2f93fc",
     "backgroundColor": "#F8F8F8"
   },
   "tabBar": {

common/http.js

@@ -2,7 +2,7 @@
 export default {
 	// webUrl: 'http://127.0.0.1:8080',
 	//webUrl: 'https://cczdsz.com/prod-api/',
-	 webUrl: 'https://124.221.101.24:8081',
+	 webUrl: 'http://124.221.101.24:8082',
 	//webUrl: 'http://192.168.4.20:8081',
 	
 }

components/back.vue

@@ -29,7 +29,7 @@
 		width: 80rpx;
 		height: 80rpx;
 		border-radius: 50%;
-		background-color: #333333;
+		background-color:transparent;
 		margin-left: 20rpx;
 		.arrow{
 			text-align: center; 

manifest.json

@@ -50,7 +50,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "wxa537100824cd1a15",
+        "appid" : "wx9efdc4932f07063d",
         "setting" : {
             "urlCheck" : true,
             "minified" : true,

node_modules/.package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "zdsz_WeChatApplet",
+  "name": "zd_wechatApp",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "zdsz_WeChatApplet",
+  "name": "zd_wechatApp",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {

pages/index/index.vue

@@ -1,14 +1,14 @@
 <template>
 	<view class="content" style="position: relative;">
 		<view>	
-			<image src="/static/icon/backgroundimg.png" mode="" class="header"></image>
+			<image src="/static/icon/index-top.png" mode="" class="header"></image>
 		</view>
 		<view class="justify-content">
-			<view class="align-items" style="position: absolute; top: 90rpx; left: 140rpx; font-size: 20pt;">
-				施工管理平台
-				</view>
-		<view class="align-items" style="position: absolute; top: 200rpx; left: 300rpx; font-size: 10pt;">
-			姓名：{{name}} !欢迎你登录本应用
+			<view class="align-items" style="position: absolute; top: 66rpx;left: 40rpx;">
+				<image src="/static/icon/sgglpt.png" mode="" class="header-title"></image>
+			</view>
+		<view class="align-items" style="position: absolute; top: 140rpx; left: 300rpx; font-size: 10pt;font-size: 36rpx; color: #fff;">
+			{{name}} !欢迎你登录本应用
 			</view>
 		<!-- <view class="align-items" style="position: absolute; top: 90rpx; left: 0;" @click="gotopage('/pages/noLogin/typeList')">
 			<back></back>
@@ -50,27 +50,29 @@
 			</view>
 		</view>
 		<view class="justify-content" style="margin: 50rpx 30rpx 0;"> -->
-		<view>
-		<view class="justify-content"  >
-			<view class="font-forty-eight text" >
-				公告内容
-			</view>
-			<view class="font-thirty-six darkgray"  @click="more()"  >
-				更多<u-icon name="arrow-right" ></u-icon>
+		<view class="tongzhicont">
+			<view class="gonggao">
+				<view class="justify-content">
+					<view class="font-forty-eight text" >
+						公告内容
+					</view>
+					<view class="font-thirty-six darkgray more"  @click="more()"  >
+						更多<u-icon name="arrow-right" ></u-icon>
+					</view>
+				</view>
+				<view   v-for="(item,index) in list" style="margin: 30rpx 0;">
+						<u-parse class="title" :html="item.text"></u-parse>
+				</view>
 			</view>
-		</view>
-		<view   v-for="(item,index) in list" style="margin: 30rpx 0;">
-				<u-parse class="title" :html="item.text"></u-parse>
-		</view>
-		<view class="notice" :key="index">
-			<view class="row-item" style="margin: 30rpx 0;">
-				<rich-text :nodes="oneManage.title"></rich-text>
-				<rich-text :nodes="oneManage.time"></rich-text>
-				<view class="font-forty">
-					<u-parse :html="oneManage.text"></u-parse>
+			<view class="notice" :key="index">
+				<view class="row-item" style="margin: 30rpx 0;">
+					<rich-text class="one-title" :nodes="oneManage.title"></rich-text>
+					<rich-text class="one-time" :nodes="oneManage.time"></rich-text>
+					<view class="font-forty">
+						<u-parse :html="oneManage.text"></u-parse>
+					</view>
 				</view>
 			</view>
-		</view>
 		<!-- 	</view> -->
 		</view>
 	</view>
@@ -156,9 +158,12 @@
 <style lang="scss" scoped>
 	.header {
 		width: 100%;
-		height: 300rpx;
+		height: 530rpx;
+	}
+	.header-title{
+		width: 310rpx;
+		height: 40rpx;
 	}
-	
 		 .row-item{
 		    overflow: hidden;
 		    -webkit-line-clamp: 2;
@@ -166,7 +171,37 @@
 		    display: -webkit-box;
 		    -webkit-box-orient: vertical;
 		}
-
+	.tongzhicont{
+		position: absolute;
+		top: 396rpx;
+	}
+	.more{
+		font-size: 30rpx;
+		color: #666666;
+	}
+	.gonggao{
+		width: 90%;
+		margin: 0 auto;
+		border-radius: 30rpx;
+		background: linear-gradient(45deg, #ffffff, #e7f9ff);
+		box-shadow: 7rpx 1rpx 10rpx #e5f0ff;
+		padding: 20rpx;
+	}
+	.one-title{
+		font-size: 40rpx;
+		font-weight: bold;
+		color: #666;
+		line-height: 2rem;
+	}
+	.one-time{
+		color: #999;
+		font-size: 32rpx;
+	}
+	.font-forty{
+		font-size: 32rpx;
+		line-height: 2rem;
+		margin: 20rpx 0 0 0;
+	}
 	.title{
 		       overflow: hidden;
 		       		text-overflow: ellipsis;
@@ -205,7 +240,9 @@
 		border-radius: 10rpx;
 	}
 	.text{
-		border-left: 15rpx solid #3857F3;
 		padding-left: 20rpx;
+		font-size: 44rpx;
+		font-weight: bold;
+		color: #4194fd;
 	}
 </style>

pages/login/login.vue

@@ -1,20 +1,20 @@
 <template>
-	<view>
-		<image src="/static/icon/background.png" mode="" class="background"></image>
+	<view class="bigback">
+		<image src="/static/icon/loginbj.png" mode="" class="background"></image>
 		<view class="title">
-			<image src="/static/icon/logo.png" mode="" class="logo"></image>
-			<view class="font-sixty-four">
+			<image src="/static/icon/loginlogo.png" mode="" class="logo"></image>
+			<!-- <view class="font-sixty-four">
 				长春贞达市政施工管理平台
-			</view>
+			</view> -->
 		</view>
 		<view>
-			<view class="align-items margin" style="border-bottom: 2rpx solid #000000;">
-				<image src="/static/icon/number.png" mode="" class="img"></image>
+			<view class="align-items margin">
+				<image src="/static/icon/zh.png" mode="" class="img"></image>
 				<input type="text" placeholder="账号" placeholder-class="font-forty-eight"
 					class="input font-forty-eight" v-model="form.number" />
 			</view>
-			<view class="align-items margin" style="border-bottom: 2rpx solid #000000;">
-				<image src="/static/icon/password.png" mode="" class="img"></image>
+			<view class="align-items margin">
+				<image src="/static/icon/mm.png" mode="" class="img"></image>
 				<input type="password" placeholder="密码" placeholder-class="font-forty-eight"
 					class="input font-forty-eight" v-model="form.password" />
 			</view>
@@ -129,38 +129,39 @@
 <style lang="scss">
 	.background {
 		z-index: -1;
-		position: fixed;
 		width: 100%;
-		height: 100%;
-		background-size: 100% 100%;
+		height: 610rpx;
 	}
-
 	.title {
 		display: flex;
-		align-items: center;
 		margin: 20rpx 0;
-		padding: 200rpx 0 0;
-
 		.logo {
-			width: 150rpx;
-			height: 150rpx;
-			margin: 0 25rpx;
+			width: 690rpx;
+			height: 62rpx;
+			margin: 0 auto;
 		}
 	}
 
 	.margin {
-		margin: 80rpx;
-
+		margin:20rpx;
+		background: #f1f7ff;
+		border: solid 1rpx #84b7ff;
+		border-radius: 80rpx;
+		padding: 0 50rpx;
+		width: 86%;
+		margin: 26rpx auto;
 		.img {
-			width: 80rpx;
-			height: 80rpx;
+			width: 70rpx;
+			height: 60rpx;
 
 		}
 
 		.input {
-			width: 70%;
-			height: 90rpx;
-			padding: 30rpx;
+			width: 100%;
+			height: 75rpx;
+			padding: 20rpx 20rpx;
+			font-size: 32rpx;
+			color: #999999;
 		}
 	}
 	
@@ -173,9 +174,11 @@
 	}
 	
 	.btn {
-		width: 590rpx;
+		width: 86%;
 		margin: 0rpx auto 0;
-		background: #3857F3;
+		background: linear-gradient(45deg, #55bafe, #3072ff);
 		border-radius: 72rpx;
+		box-shadow: 0rpx 0rpx 20rpx #3f8fff;
 	}
+
 </style>

pages/noLogin/typeList.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
-		<image src="/static/icon/background.png" mode="" class="background"></image>
-		
+		<image src="/static/icon/backgroundgz.png" mode="" class="background"></image>
+		<image src="/static/icon/gongzuo.png" mode="" class="gongzuobj"></image>
 		<view class="justify-content" v-if="visable">
 			
 			<view class="align-items" style="position: absolute; top: 125rpx; left: 100rpx; font-size: 12pt;">
@@ -17,11 +17,11 @@
 			</view>
 		</view>
 		<view style="padding-top: 300rpx;">
-			<view v-for="(item,index) in list" :key="index">
-				<view class="font-forty-eight " v-if="power.includes(item.dictValue)&&item.visable"
+			<view v-for="(item,index) in list" :key="index" class="qxwxbox">
+				<view class="font-forty-eight qxwx-nav" v-if="power.includes(item.dictValue)&&item.visable"
 					@click="topage(item)">
-					<image src="/static/icon/background.png" mode="" style="height: 50px; width: 50px;"></image>
-					{{item.dictLabel}}
+					<image src="/static/icon/qxwx.png" mode="" style="height: 100rpx;width: 100rpx;"></image>
+					<span class="qxwx-navtitle">{{item.dictLabel}}</span>
 					<u-icon name="arrow-right"></u-icon>
 				</view>
 			</view>
@@ -189,7 +189,31 @@
 		height: 100%;
 		background-size: 100% 100%;
 	}
-
+	.qxwxbox{
+		width: 90%;
+		margin: 30rpx auto;
+		background: #fff;
+		border: solid 20rpx #ddeafe;
+		border-radius: 20rpx;
+		box-shadow: 0rpx 0rpx 20rpx #6da5f9;
+		padding: 40rpx 30rpx;
+	}
+	.qxwx-nav{
+		display: flex;
+		justify-content:space-between;
+		align-items:center;
+	}
+	.gongzuobj{
+		position: fixed;
+		width: 90%;
+		height: 630rpx;
+		z-index: -1;
+		left: 5%;
+	}
+	.qxwx-navtitle{
+		width: 62%;
+		font-size: 44rpx;
+	}
 	.name {
 		font-size: 40rpx;
 		margin-left: 36rpx;

pages/notice/noticeList.vue

@@ -1,8 +1,9 @@
 <template>
-	<view>
-		<view class="align-items" style="margin-top: 80rpx;">
+	<view class="notice-list">
+		<image src="/static/icon/pagebj.png" mode="" class="listbj"></image>
+		<view class="align-items" style="padding: 42rpx 0 0 0;">
 			<back></back>
-			<view class="title-text" style="margin-left: 20rpx;">
+			<view class="title-text">
 				公告列表
 			</view>
 		</view>
@@ -54,16 +55,38 @@
 </script>
 
 <style lang="scss" scoped>
+	.notice-list{
+		position: relative;
+	}
 	.notice {
-		margin: 20rpx;
+		margin: 30rpx 20rpx;
 		padding: 20rpx;
 		background: #FFFFFF;
-		box-shadow: 0rpx 8rpx 17rpx 0rpx rgba(0, 0, 0, 0.04);
+		box-shadow: 0rpx 0rpx 14rpx #ccc;
 		border-radius: 10rpx;
 	}
-
+	.listbj{
+		position: absolute;
+		width: 100%;
+		height: 400rpx;
+		z-index: -1;
+	}
 	.text {
 		border-left: 15rpx solid #3857F3;
 		padding-left: 20rpx;
 	}
+	.title-text{
+		font-size: 38rpx;
+		color: #fff;
+		margin: 0 0 0 186rpx;
+	}
+	.back-icon.data-v-026711bc {
+	    background-color:transparent;
+	}
+	.font-forty{
+		font-size: 36rpx;
+	}
+	.font-twenty-eight{
+		font-size: 32rpx;
+	}
 </style>

project.config.json

@@ -1,5 +1,5 @@
 {
-  "description": "项目配置文件",
+  "description": "项目配置文件，详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
   "packOptions": {
     "ignore": [],
     "include": []
@@ -23,7 +23,7 @@
     "uploadWithSourceMap": true,
     "compileHotReLoad": false,
     "lazyloadPlaceholderEnable": false,
-    "useMultiFrameRuntime": false,
+    "useMultiFrameRuntime": true,
     "useApiHook": false,
     "useApiHostProcess": false,
     "babelSetting": {
@@ -40,7 +40,8 @@
     "disableUseStrict": false,
     "minifyWXML": true,
     "showES6CompileOption": false,
-    "useCompilerPlugins": false
+    "useCompilerPlugins": false,
+    "useStaticServer": true
   },
   "compileType": "miniprogram",
   "libVersion": "2.21.0",

project.private.config.json

@@ -1,6 +1,6 @@
 {
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-  "projectname": "zdsz_WeChatApplet",
+  "projectname": "zd_wechatApp",
   "setting": {
     "compileHotReLoad": true
   }

unpackage/dist/dev/mp-weixin/components/back.wxss

@@ -28,7 +28,7 @@
   width: 80rpx;
   height: 80rpx;
   border-radius: 50%;
-  background-color: #333333;
+  background-color: transparent;
   margin-left: 20rpx;
 }
 .back-icon .arrow.data-v-026711bc {