留言板/留言板详情/消息中心/设置页面样式优化

pages/profile/setting.vue

@@ -2,17 +2,17 @@
 	<view>
 		<u-navbar :is-back="true" title="设置" :border-bottom="false">
 		</u-navbar>
-		<view>
+		<view class="setting-content">
 			<u-cell-group>
 				<u-cell-item title="个人信息" @click="profile"></u-cell-item>
 				<u-cell-item title="修改密码" @click="changePassword"></u-cell-item>
 			</u-cell-group>
 		</view>
-		
+
 		<view class="btn">
-			<u-button type="default" @click="logout" plain>退出登录</u-button>
+			<u-button @click="logout" plain>退出登录</u-button>
 		</view>
-		
+
 		<view class="version">Version {{vuex_version}}</view>
 	</view>
 </template>
@@ -21,14 +21,14 @@
 	export default {
 		data() {
 			return {
-				
+
 			}
 		},
 		onLoad() {
-			
+
 		},
 		methods: {
-			profile(){
+			profile() {
 				this.$u.route('/pages/profile/profile')
 			},
 			logout() {
@@ -36,10 +36,10 @@
 				this.$u.vuex('vuex_token', '');
 				this.$u.vuex('vuex_user', {});
 				return uni.reLaunch({
-					url:'../index/index'
+					url: '../index/index'
 				})
 			},
-			changePassword(){
+			changePassword() {
 				this.$u.route('/pages/profile/password')
 			}
 		}
@@ -47,10 +47,38 @@
 </script>
 
 <style lang="scss">
-	.btn {
-		margin: 20rpx;
+	.setting-content {
+		padding: 0rpx 20rpx;
+		border-radius: 10rpx;
+		background: #FFFFFF;
+		width: 94%;
+		margin: 20rpx auto;
+		
+		&::v-deep .u-cell{
+			color: #222222 !important;
+		}
+		
+		&::v-deep .u-cell_title{
+			font-size: 30rpx !important;
+		}
 	}
-	
+
+	.btn {
+		width: 94%;
+		margin: 30rpx auto;
+
+		&::v-deep .u-btn {
+			border-radius: 10rpx;
+			font-size: 36rpx !important;
+			color: #EA4047 !important;
+			border: 0 !important;
+		}
+
+		&::v-deep .u-hairline-border:after {
+			border: 0 !important;
+		}
+	}
+
 	.version {
 		position: absolute;
 		bottom: 20rpx;