页面样式

pages-userInfo/creatorAccount/createAccount.vue

@@ -3,26 +3,34 @@
 		<view class="head">
 			<view>
 				<uni-group mode="card">
-				<uni-icons type="paperplane-filled" size="20"></uni-icons><text class="textstyle">小贴士：</text><br/>
+				<uni-icons custom-prefix="iconfont" type="icon-dengpao" :color="iconColor" size="20"></uni-icons><text class="textstyle text-white">小贴士：</text><br/>
-					<text class="textstyle">1.为了您的资金安全及合规，体现将通过第三方支付提供安全通道实现。</text><br/>
+					<text class="textstyle">1. 为了您的资金安全及合规，体现将通过第三方支付提供安全通道实现。</text><br/>
-					<text class="textstyle">2.应银行监管要求，每人每月限额10万元，最多绑定4个收款账户。</text><br/>
+					<text class="textstyle">2. 应银行监管要求，每人每月限额10万元，最多绑定4个收款账户。</text><br/>
-					<text class="textstyle">3.一旦提现成功,设置的收款账户不可更改。</text>
+					<text class="textstyle">3. 一旦提现成功,设置的收款账户不可更改。</text>
 				</uni-group>
 			</view>
 			<view>
 				<uni-group mode="card">
 				<uni-forms validate-trigger='blur' :modelValue="accountInfo" label-position="top" labelWidth="80" ref="form">
 					<uni-forms-item label="真实姓名" required name="name">
-						<uni-easyinput v-model="accountInfo.name" placeholder="请输入真实姓名" />
+						<uni-easyinput v-model="accountInfo.name" placeholder="请输入真实姓名"
+                           :clearable="false"
+                           :inputBorder="false"/>
 					</uni-forms-item>
 					<uni-forms-item label="身份证号" required name="idNo">
-						<uni-easyinput v-model="accountInfo.idNo" placeholder="请输入身份证号" />
+						<uni-easyinput v-model="accountInfo.idNo" placeholder="请输入身份证号"
+                           :clearable="false"
+                           :inputBorder="false" />
 					</uni-forms-item>
 					<uni-forms-item label="支付宝账号" required name="accountNo">
-						<uni-easyinput v-model="accountInfo.accountNo" placeholder="请输入支付宝账号" />
+						<uni-easyinput v-model="accountInfo.accountNo" placeholder="请输入支付宝账号"
+                           :clearable="false"
+                           :inputBorder="false" />
 					</uni-forms-item>
 					<uni-forms-item label="预留电话" required name="phone">
-						<uni-easyinput v-model="accountInfo.phone" placeholder="请输入预留电话" />
+						<uni-easyinput v-model="accountInfo.phone" placeholder="请输入预留电话"
+                           :clearable="false"
+                           :inputBorder="false" />
 					</uni-forms-item>
 					<!-- <uni-forms-item label="请选择" required>
 						
@@ -52,6 +60,7 @@
 	export default {
 		data() {
 			return {
+        iconColor: '#0b6375',
 				userInfo: {},
 				existFlag: false,
 				upToFourFlag: false,
@@ -261,27 +270,57 @@
 	}
 </script>
 
-<style lang="less">
+<style lang="scss" scoped>
-	.confirmBtn{
+.container {
-		width: 710rpx;
+  width: 670rpx;
-		height: 60rpx;
+  height: 100vh;
-		background-color: royalblue;
+  margin: 0 auto;
-		color: #ffffff;
+  position: relative;
-		font-size: 30rpx;
+}
-		line-height: 62rpx;
+
-		border-radius: 17rpx;
+.head {
-		margin-top:100rpx;
+
-	}
+  ::v-deep .uni-group--card {
-	.foot{
+    margin: 0 0 40rpx 0 !important;
-		margin-top:100rpx;
+    background: $uni-bg-base-color;
-	}
+  }
-	.textstyle{
+
-		font-size: 25rpx;
+  ::v-deep .uni-tag {
-	}
+    border-width: 2rpx !important;
-	.specialText{
+  }
-		color: blue;
+
-		// display: inline-block;
+  ::v-deep .uni-forms-item__label {
-		font-size: 25rpx;
+    color: $uni-white;
-	}
+  }
+
+  ::v-deep input {
+    background: $uni-bg-base-color !important;
+    border: 0 !important;
+    color: $uni-white !important;
+  }
+
+}
+
+.foot {
+
+}
+
+.confirmBtn{
+  color: $uni-btn-text-color;
+}
+
+.textstyle{
+  font-size: 26rpx;
+  color: $uni-secondary-color;
+}
+
+.text-white {
+  color: $uni-white !important;
+}
+
+.specialText{
+  color: $uni-primary;
+  font-size: 26rpx;
+}
 	
 </style>

pages-userInfo/creatorAccount/creatorAccount.vue

@@ -9,9 +9,10 @@
 				<view class="slot-box" v-if="item.type == '2'">支付宝账号：{{item.accountNo}}</view>
 				<view class="line-box"></view>
 				<view class="btn-box">
-					<uni-tag :circle="true" text="设为默认" type="primary" v-if="item.isUse == '0'" class="btn" 
+					<uni-tag :circle="true" text="默认账户" type="default" v-if="item.isUse != '0'" class="btn" inverted="true"/>
+					<uni-tag :circle="true" text="设为默认" type="primary" v-if="item.isUse == '0'" class="btn"
 					@click="$noMultipleClicks(setDefault,item.id)" inverted="true"/>
-					<uni-tag :circle="true" text="删除" type="default" v-if="item.isUse == '0'" class="btn"
+					<uni-tag :circle="true" text="删除" type="error" v-if="item.isUse == '0'" class="btn"
 					@click="$noMultipleClicks(delAccount,item.id)" inverted="true"/>
 				</view>
 			</uni-group>
@@ -153,38 +154,57 @@
 	}
 </script>
 
-<style lang="less">
+<style lang="scss" scoped>
-	.creatorAccountAddBtn{
+.container {
-		width: 710rpx;
+  width: 670rpx;
-		height: 60rpx;
+  height: 100vh;
-		background-color: royalblue;
+  margin: 0 auto;
-		color: #ffffff;
+  position: relative;
-		font-size: 30rpx;
+}
-		line-height: 62rpx;
+
-		border-radius: 17rpx;
+.head {
-		margin-top:100rpx;
+
-	}
+  ::v-deep .uni-group--card {
-	.foot{
+    margin: 20rpx 0 !important;
-		margin-top:630rpx;
+    background: $uni-bg-base-color;
-	}
+  }
-	.slot-box{
+
-		font-size: 30rpx;
+  ::v-deep .uni-tag {
-		text-align: justify;
+    border-width: 2rpx !important;
-	}
+  }
-	.line-box{
+
-		border: 1rpx #B3B3B3 solid;
+}
-		margin-top: 30rpx;
+
-	}
+.foot {
-	.btn-box{
+  position: fixed;
-		position: relative;
+  width: 670rpx;
-		flex-direction: row;
+  left: 40rpx;
-		justify-content: flex-end;
+  right: 40rpx;
-		display: flex;
+  bottom: 60rpx;
-		margin-left: 200rpx;
+}
-		margin-top: 20rpx;
+
-		.btn{
+.creatorAccountAddBtn{
-			padding-left: 20rpx;
+  color: $uni-btn-text-color;
-		}
+}
-	}
+
-	
+.slot-box{
+  font-size: 30rpx;
+  text-align: justify;
+  color: $uni-secondary-color;
+}
+.line-box{
+  border-bottom: 2rpx $uni-secondary-color solid;
+  margin-top: 30rpx;
+}
+.btn-box{
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  margin-left: 200rpx;
+  margin-top: 20rpx;
+  .btn{
+    padding-left: 20rpx;
+  }
+}
+
 </style>

pages/login/login.vue

@@ -1,7 +1,9 @@
 <template>
 	<view class="login-body uni-bg-color">
 		<div class="auto-center">
-			<div class="logo-div">^_^</div>
+			<div class="logo-div">
+        <image class="logo" src="/static/logo-white.png" mode=""></image>
+      </div>
 			<div class="welcome-text">
 				<p class="welcome-title uni-white">进入次元Hub</p>
 				<p class="welcome-subtitle uni-secondary-color">开启你的创作之旅~</p>
@@ -165,24 +167,29 @@
 <style scoped lang="scss">
 .login-body {
 	min-height: 100vh;
-	background-color: #141b29;
+	background-color: $uni-bg-color;
 
 	.auto-center {
 		width: 622rpx;
 		margin: 0 auto;
-		border-top: 1rpx solid #141b29;
+		border-top: 1rpx solid $uni-bg-color;
-		border-bottom: 1rpx solid #141b29;
+		border-bottom: 1rpx solid $uni-bg-color;
 	}
 
 	.logo-div {
 		width: 86rpx;
 		height: 86rpx;
-		background: linear-gradient(180.00deg, #0b6375 0%, #0b6375 100%);
+		background: linear-gradient(180.00deg, $uni-primary 0%, $uni-primary 100%);
 		border-radius: 24rpx;
 		margin-top: 154rpx;
     text-align: center;
     line-height: 86rpx;
     font-weight: 600;
+
+    .logo {
+      width: 86rpx;
+      height: 86rpx;
+    }
 	}
 	.welcome-text {
 		margin-top: 72rpx;