完成订单提交页面，资讯列表，资讯详情静态编码,首页剧目改成支持多个的情况,登录页样式调整，个人中心页面，对接首页接口

center/center.vue

@@ -1,75 +1,37 @@
 <template>
 	<view class="pages">
-		<view class="" :style="{height: navHeight+'px' }"></view>
+		<!-- <view class="" :style="{height: navHeight+'px' }"></view> -->
 		<!-- <view class="page-bg">
 			<img class="img" :src="staticUrl+'/img/center-index-bg.png'" alt="">
 		</view> -->
-		<view class="base-info block-wrap u-flex u-row-between"  v-if="vuex_member_info.name">
-			<view class="left u-flex">
-				<u-avatar :src="avatar||staticUrl+'/img/avatar.png'" size="110rpx"></u-avatar>
-				<view class="info">
-					<view class="name ellipsis-1">{{vuex_member_info.name}}</view>
-					<view class="level u-flex">
-						<u-icon :name="staticUrl+'/img/level-01.png'" color="#333333" size="30rpx"></u-icon>
-						<text class="level-name">{{vuex_member_info.levelName}}</text>
+		<view class="box">
+			<view class="home_top">
+				<view class="base-info block-wrap u-flex u-row-between" @click="$u.route('/center/memberinfo',{type:'redirectTo'})" v-if="vuex_member_info.name">
+					<view class="left u-flex">
+						<u-avatar :src="avatar||staticUrl+'/img/avatar.png'" size="140rpx"></u-avatar>
+						<view class="info">
+							<view class="name ellipsis-1">{{vuex_member_info.name}}</view>
+							<view class="mobile u-flex">
+								<text class="mobile">{{vuex_member_info.mobile}}</text>
+							</view>
+						</view>
 					</view>
+					<!-- <u-icon @click="$u.route('/center/memberinfo',{type:'redirectTo'})" name="setting-fill" color="#333333" size="38rpx"></u-icon> -->
 				</view>
-			</view>
-			<u-icon @click="$u.route('/center/memberinfo',{type:'redirectTo'})" name="setting-fill" color="#333333" size="38rpx"></u-icon>
-		</view>
-		<view class="base-info block-wrap u-flex u-row-between" @click="goLogin" v-else>
-			<view class="left u-flex">
-				<u-avatar :src="staticUrl+'/img/avatar.png'" size="110rpx"></u-avatar>
-				<view class="info">
-					<view class="name ellipsis-1">立即登录</view>
-				</view>
-			</view>
-			<!-- <u-icon name="setting-fill" color="#333333" size="38rpx"></u-icon> -->
-		</view>
-		<view class="property block-wrap u-flex u-row-between">
-			<view class="property-item" @click="checkauth('/credits/creditslist')">
-				<view class="up">{{memberInfo.credit||0}}</view>
-				<view class="down">积分</view>
-			</view>
-			<view class="property-item" @click="checkauth('/center/mybalance')">
-				<view class="up">{{memberInfo.balance||0}}</view>
-				<view class="down">余额</view>
-			</view>
-			<view class="property-item">
-				<view class="up">{{memberInfo.couponNum||0}}</view>
-				<view class="down">优惠券</view>
-			</view>
-		</view>
-		<view class="card block-wrap">
-			<image class="logo" :src="staticUrl+'/img/sitename.png'" mode="heightFix"></image>
-			<view class="bottom u-flex u-row-between">
-				<view class="left">
-					<view class="card-title">加入会员或绑定年卡</view>
-					<view class="card-con">解锁门票优惠、数字勋章、餐饮酒店折扣等超多权益</view>
-				</view>
-				<view class="card-btn">成为会员</view>
-			</view>
-		</view>
-		<view class="order-state">
-		<!-- 	<view class="title u-flex u-row-between">
-				<view class="left">订单中心</view>
-				<view class="right u-flex"  @click="$u.route('/shopping/order')">
-					全部订单
-					<u-icon name="arrow-right" color="#00A447" size="24rpx"></u-icon>
-				</view>
-			</view> -->
-			<view class="u-flex u-row-between">
-				<view class="state" @click="orderClick(item,index)" v-for="(item,index) in orderState" :key="index">
-					<view class="up">
-						<u-icon :name="item.ico" color="#333333" size="60rpx"></u-icon>
-						<u-badge v-if="item.badge" type="error" max="99" :value="orderBadge[item.badge]" :absolute="true" :offset="[0,0]"></u-badge>
+				<view class="base-info block-wrap u-flex u-row-between" @click="goLogin" v-else>
+					<view class="left u-flex">
+						<u-avatar :src="staticUrl+'/img/avatar.png'" size="140rpx"></u-avatar>
+						<view class="info">
+							<view class="name ellipsis-1">登录/注册</view>
+							<text class="mobile">登录查看更多</text>
+						</view>
 					</view>
-					<view class="down">{{item.name}}</view>
+					<!-- <u-icon name="setting-fill" color="#333333" size="38rpx"></u-icon> -->
 				</view>
 			</view>
 		</view>
 		<view class="tools block-wrap">
-			<view class="title">常用工具</view>
+			<!-- <view class="title">常用工具</view> -->
 			<view class="tools-wrap">
 				<view class="" 
 					  v-for="(item,index) in tools" 
@@ -94,13 +56,6 @@
 				</view>
 			</view>
 		</view>
-		<!-- <u-overlay :show="showPayCode" @click="showPayCode = false">
-			<view class="pay-code-warp u-flex u-row-center">
-				<view class="rect" @tap.stop>
-					<u--image :showLoading="true" :src="payCodeImg" width="180px" height="180px"></u--image>
-				</view>
-			</view>
-		</u-overlay> -->
 		<tabbar :tabbarIndexProps="2" />
 	</view>
 </template>
@@ -117,30 +72,11 @@
 			return {
 				staticUrl:this.$commonConfig.staticUrl,
 				avatar:this.$commonConfig.staticUrl+'/img/avatar.png',
-				showPayCode:false,
-				payCodeImg:'https://cdn.uviewui.com/uview/album/1.jpg',
 				memberInfo:{},
-				orderState:[
-					// {name:'全部订单',status:'',ico:this.$commonConfig.staticUrl+'/img/orderstateico-all.png'},
-					{name:'门票订单',status:'0',ico:this.$commonConfig.staticUrl+'/img/ticket-order.png',badge:'ticket'},
-					{name:'商品订单',status:'1',ico:this.$commonConfig.staticUrl+'/img/goods-order.png',badge:'goods'},
-					{name:'酒店订单',status:'2',ico:this.$commonConfig.staticUrl+'/img/hotel-order.png',badge:'hotel'},
-					{name:'积分订单',status:'3',ico:this.$commonConfig.staticUrl+'/img/credits-order.png',badge:'credits'},
-				],
-				orderBadge:{
-					ticket:'0',
-					goods:'0',
-					hotel:'0',
-					credits:'0'
-				},
 				tools:[
-					{name:'收货地址',url:'/center/recharge',ico:this.$commonConfig.staticUrl+'/img/dizhi.png',checkauth:true},
-					{name:'我的收藏',url:'center/addrlist',ico:this.$commonConfig.staticUrl+'/img/shoucang.png',checkauth:true},
-					{name:'投诉反馈',url:'center/addrlist',ico:this.$commonConfig.staticUrl+'/img/fankui.png',checkauth:true},
-					{name:'开具发票',url:'center/addrlist',ico:this.$commonConfig.staticUrl+'/img/fapiao.png',checkauth:true},
-					{name:'分享给好友',share:'1',ico:this.$commonConfig.staticUrl+'/img/fenxiang.png'},
-					// {name:'客服电话',phone:'',ico:this.$commonConfig.staticUrl+'/img/tool-phone.png'},
-					// {name:'在线客服',chat:'1',ico:this.$commonConfig.staticUrl+'/img/center-icon-chat.png'},
+					{name:'领券中心',url:'/center/mycoupon',ico:this.$commonConfig.staticUrl+'/img/center-coupon.png',checkauth:false},
+					{name:'开具发票',url:'center/addrlist',ico:this.$commonConfig.staticUrl+'/img/center-ticket.png',checkauth:true},
+					{name:'客服热线',url:'center/addrlist',ico:this.$commonConfig.staticUrl+'/img/center-call.png',checkauth:true,phone:'13682266542'},
 				]
 			}
 		},
@@ -169,7 +105,7 @@
 				let that = this;
 				console.log('item',item);
 				if ('phone' in item) {
-					if(!that.memberInfo.customerMobile){
+					if(!item.phone){
 						uni.showToast({
 							title:'电话号码为空',
 							icon:"none"
@@ -177,7 +113,7 @@
 						return
 					}
 				  uni.makePhoneCall({
-				  	phoneNumber: that.memberInfo.customerMobile,
+				  	phoneNumber: item.phone,
 					success() {
 						console.log('success');
 					},
@@ -197,14 +133,6 @@
 				}
 				
 			},
-			orderClick(item,index){
-				console.log('item',item);
-				uni.$u.route('/shopping/order', {
-					// current: index,
-					// status: item.status,
-					type: 'redirectTo'
-				});
-			},
 			statisticsOrder(){
 				this.$u.api.statisticsOrder().then(res=>{
 					let data = res.data || {};
@@ -255,6 +183,21 @@ page{
 }
 </style>
 <style lang="scss" scoped>
+$boxHeight:418rpx;
+.box { width: 100%;height:$boxHeight; margin: auto; overflow: hidden; }
+.home_top {
+	position: relative; 
+	width: 100%; 
+	height: $boxHeight;
+	.base-info{
+		position: absolute;
+		left: 32rpx;
+		right: 32rpx;
+		bottom: 90rpx;
+		color: #fff;
+	}
+}
+.home_top:after { width: 180%; height: $boxHeight; position: absolute; left: -40%; top: 0; z-index: -1; content: ''; border-radius: 0 0 50% 50%; background: linear-gradient(180deg, #EE0C0C 0%, #F39D9F 100%); }
 .block-wrap{
 	margin: 24rpx 32rpx;
 }
@@ -270,125 +213,24 @@ page{
 	.info{
 		margin-left: 30rpx;
 		.name{
-			font-size: 40rpx;
-			font-weight: 600;
-			color: #333333;
-			line-height: 56rpx;
+			font-size: 36rpx;
+			font-weight: bold;
+			color: #FFFFFF;
+			line-height: 54rpx;
 			margin-bottom: 10rpx;
 		}
-		.level{
+		.mobile{
 			width: fit-content;
-			background: linear-gradient(131deg, #FFF2DB 0%, #FFD9A5 100%);
-			border-radius: 2px;
-			font-size: 22rpx;
+			font-size: 28rpx;
 			font-weight: 400;
-			color: #333333;
-			line-height: 30rpx;
-			padding: 6rpx 16rpx;
-			.level-name{
-				margin-left: 10rpx;
-			}
-		}
-	}
-}
-.property{
-	background: #F9F9F9;
-	border-radius: 20rpx;
-	text-align: center;
-	padding: 18rpx 0;
-	.property-item{
-		flex: 1;
-		&:nth-of-type(2){
-			border-left: 1.5px dashed #7F7F7F;
-			border-right: 1.5px dashed #7F7F7F;
-		}
-	}
-	.up{
-		font-size: 32rpx;
-		font-weight: 600;
-		color: #1D7BFF;
-		line-height: 48rpx;
-		margin-bottom: 5rpx;
-		/deep/ .u-icon{
-			display: block;
-		}
-	}
-	.down{
-		font-size: 24rpx;
-		font-weight: 400;
-		color: #7F7F7F;
-		line-height: 37rpx;
-	}
-}
-.card{
-	position: relative;
-	height: 328rpx;
-	background: url(https://unsplash.it/670/328?id=1) no-repeat;
-	background-size: 100%;
-	border-radius: 24rpx;
-	overflow: hidden;
-	padding: 26rpx 40rpx;
-	box-sizing: border-box;
-	.logo{
-		display: block;
-		max-height: 68rpx;
-		width: auto;
-		margin-bottom: 74rpx;
-	}
-	.left{flex: 1;}
-	.card-btn{
-		width: 144rpx;
-		margin-left: 110rpx;
-		text-align: center;
-		height: 50rpx;
-		line-height: 50rpx;
-		background-color: #fff;
-		font-size: 24rpx;
-		font-weight: 500;
-		color: #1C84FF;
-		border-radius: 50rpx;
-	}
-	.card-title{
-		font-size: 36rpx;
-		font-weight: bold;
-		color: #FFFFFF;
-		line-height: 54rpx;
-		margin-bottom: 12rpx;
-	}
-	.card-con{
-		font-size: 24rpx;
-		font-weight: 400;
-		color: #E1E1E1;
-		line-height: 32rpx;
-	}
-}
-.order-state{
-	.title{
-		margin-bottom: 30rpx;
-		.right{
-			font-size: 24rpx;
-			color: #00A447;
-		}
-	}
-	background-color: #fff;
-	padding: 20rpx;
-	margin: 0 20rpx 50rpx;
-	.state{
-		text-align: center;
-		/deep/ .u-icon{
-			display: block;
-		}
-		.up{
-			position: relative;
-		}
-		.down{
-			font-size: 24rpx;
-			font-weight: 400;
-			color: #666666;
-			line-height: 31rpx;
+			color: #FFFFFF;
+			line-height: 42rpx;
 		}
 	}
 }
+
+
+
 .tools{
 	.tools-wrap{
 		
@@ -418,7 +260,4 @@ page{
 		&::after{border: initial;}
 	}
 }
-.pay-code-warp{
-	height: 100vh;
-}
 </style>

common/apiurl.js

@@ -39,7 +39,7 @@ const apiurl = {
 	},
 	// 首页信息
 	clientIndex: {
-		url: '/client/index',
+		url: '/system/client/index',
 		type: 'get'
 	},
 	

pages.json

@@ -74,6 +74,13 @@
 						"navigationBarTitleText": "信息填写",
 						"navigationStyle": "custom"
 					}
+				},
+				{
+					"path": "mycoupon",
+					"style": {
+						"navigationBarTitleText": "我的优惠券",
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		}

pages/index/index.vue

@@ -8,6 +8,7 @@
 				height="600rpx"
 				indicatorMode="dot"
 				:indicatorStyle="{bottom:'100rpx'}"
+				keyName="sliderImg"
 				radius="0"
 				indicator
 				circular
@@ -114,28 +115,8 @@
 		data() {
 			return {
 				staticUrl:this.$commonConfig.staticUrl,
-				bannerList: [
-					'https://unsplash.it/750/600?id=1',
-					'https://unsplash.it/750/600?id=2'
-				],
-				theatreList:[
-					{
-						"id": "885393375392915456",
-						"createTime": "2023-11-17 15:24:01",
-						"delFlag": 0,
-						"merchantId": "881439801432473600",
-						"name": "伟大转折演绎中心",
-						"showImg": "https://",
-						"capacityNum": 100,
-						"address": "遵义红军街",
-						"longitude": "106.089989879",
-						"latitude": "26.587848",
-						"contactName": "殷登顺",
-						"contactMobile": "18586814704",
-						"theatreSnapshot": "简单说明",
-						"status": 1
-					  }
-				],//剧院信息列表
+				bannerList: [],
+				theatreList:[],//剧院信息列表
 				bannerCurrent: 0,
 				isblur:false,
 				newsList:[

pages/login/login.vue

@@ -1,10 +1,11 @@
 <template>
 	<view class="body" :style="{height:screenHeight}">
+		<image class="login-bg" :src="staticUrl+'/img/login-bg.png'" mode="widthFix"></image>
 		<u-toast ref="uToast"></u-toast>
-		<view style="height: 40%;">
+		<view style="height: 40%;position: relative;z-index: 10;">
 			<view class="logo-wrap">
 				<img :src="logoSrc" class="logo" alt="">
-				<img :src="sitename" class="sitename" alt="">
+				<!-- <img :src="sitename" class="sitename" alt=""> -->
 <!-- 				<u--image :src="logoSrc" width="200rpx" height="200rpx"></u--image>
 				<u--image :src="sitename" width="460rpx" height="142rpx"></u--image> -->
 			</view>
@@ -16,7 +17,8 @@
 				<u-button
 					v-if="loginBtn&&checked.length>0" 
 					:hair-line='false' 
-					type="primary" 
+					type="error" 
+					color="#ED0000"
 					throttleTime="2000" 
 					shape="circle" 
 					open-type="getPhoneNumber" 
@@ -25,7 +27,8 @@
 				<u-button
 					v-else
 					:hair-line='false' 
-					type="primary" 
+					type="error" 
+					color="#ED0000"
 					@click="disabledClick"
 					shape="circle">登录
 				</u-button>
@@ -96,6 +99,7 @@
 	export default {
 		data() {
 			return {
+				staticUrl:this.$commonConfig.staticUrl,
 				checked:false,
 				checkboxVal:null,
 				loginBtn:true,
@@ -103,7 +107,7 @@
 				//屏幕高度
 				screenHeight: "",
 				logoSrc: "/static/logo.png",
-				sitename:"/static/sitename.png",
+				// sitename:"/static/sitename.png",
 				miniappLoginInfo:null,
 				hasUserInfo:false,
 				userInfo: null,
@@ -402,6 +406,13 @@
 </script>
 
 <style lang="scss" scoped>
+.login-bg{
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	width: 100%;
+}
 .body {
 	background-color: #fff;
 	box-sizing: border-box;
@@ -413,8 +424,8 @@
 			margin: 0 auto;
 		}
 		.logo{
-			width: 200rpx;
-			height: 200rpx;
+			width: 306rpx;
+			height: 258rpx;
 		}
 		.sitename{
 			width: 460rpx;
@@ -484,7 +495,7 @@
 }
 
 .rule-wrap{
-	position: absolute;
+	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 20px;