主题换色完善

components/back.vue

@@ -70,7 +70,7 @@
 		width: 100%;
 		top: var(--status-bar-height);
 		margin-top: var(--status-bar-height);
-		z-index: 99999;
+		z-index: 9999999999;
 		transition: top .25s;
 		display: flex;
 		width: 100%;

pages/apply/apply.vue

@@ -1,12 +1,12 @@
 <template>
-	<view class="">
+	<view :style="vuex_skin">
 		<!-- #ifdef MP-WEIXIN -->
 		<u-navbar title-color="#000000" :is-back="true" title="我要报名"></u-navbar>
 		<!-- #endif -->
 
 		<view class="add-media" @click="handleUploadWork">
 			<view class="flex-direction flex justify-center" style="align-items: center;" v-show="!showUrl">
-				<u-icon name="plus-circle-fill" color="#E72226" size="90"></u-icon>
+				<u-icon name="plus-circle-fill" :color="vuex_theme.bgColor" size="90"></u-icon>
 				<text v-text="activeType == 'VIDEO_TEXT'?'上传视频作品':'上传图片作品'"
 					style="margin-top: 26rpx; color: #010101; font-size: 24rpx; font-weight: bold;">上传作品(图片或视频)</text>
 			</view>
@@ -98,6 +98,7 @@
 			 * 初始化数据
 			 */
 			initData(options) {
+				this.customStyle.background = this.vuex_theme.bgColor
 				this.activeType = options.activeType;
 				// this.activeType = 'IMAGE_TEXT';
 				this.applyInfo = {
@@ -286,7 +287,7 @@
 				content: '';
 				width: 8rpx;
 				height: 32rpx;
-				background: #E72226;
+				background: var(--bgColor);
 				position: absolute;
 				left: -18rpx;
 				top: 50%;

pages/mine/points/pointsDetail.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="safe-area-inset-bottom">
+	<view class="safe-area-inset-bottom" :style="vuex_skin">
 		<!-- #ifdef MP-WEIXIN -->
 		<back v-if="backShow" :title="title"></back>
 		<u-navbar v-else title-color="#fff" :border-bottom="false" title="积分明细" back-icon-color="#fff"
@@ -8,8 +8,7 @@
 		<view class="">
 			<view class="bg-img flex justify-center align-center"
 				:class="isH5?'marginTop':''"
-				style="background-image: url('https://vote.guosen-fumao.cn/obsfile/6002585ea7d548508d5f6dcce4ed1116-mingxi.png');
-				height: 340upx;z-index: 9999999999999;">
+				style="height: 340upx;z-index: 999;">
 
 				<view class="text-center" style="margin-top: 150upx;">
 					<view style="font-size: 26upx;color: #FFFFFF;font-weight: 400;">可用积分</view>
@@ -140,7 +139,7 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
 	.container {
 		background-color: #FFFFFF;
 		border-radius: 10upx;
@@ -171,4 +170,19 @@
 		font-family: PingFang-SC-Bold;
 		color: #111111;
 	}
+	.bg-img{
+		position: relative;
+		&::after { 
+			content: '';
+			width: 140%;
+			height: 200px;
+			position: absolute;
+			left: 50%;
+			transform: translateX(-50%);
+			z-index: -1;
+			bottom: 0;
+			border-radius: 0 0 50% 50%;
+			background: var(--bgColor);
+		}
+	}
 </style>

pages/rank/rank.vue

@@ -3,7 +3,7 @@
 		<view class="">
 			<!-- #ifdef MP-WEIXIN -->
 			<u-navbar v-show="navbarShow" :custom-back="customBack" title-color="#fff" :border-bottom="false"
-				back-icon-color="#fff" title="排行榜" :background="{'backgroundColor': '#f03538'}"></u-navbar>
+				back-icon-color="#fff" title="排行榜" :background="{'backgroundColor': vuex_theme.bgColor}"></u-navbar>
 			<back v-show="!navbarShow" :custom-back="customBack"></back>
 			<!-- #endif -->
 			<view class="bg-img flex-direction flex justify-center" :class="isH5?'marginTop':''"