x

components/select/selectPayType.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

main.js

@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import App from './App'
 import uView from "uview-ui";
-
+import './uni.scss'
 Vue.config.productionTip = false
 
 App.mpType = 'app'

pages.json

@@ -6,7 +6,7 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "uni-app"
+				"navigationBarTitleText": ""
 			}
 		}
 	],

pages/index/index.vue

@@ -1,10 +1,21 @@
 <template>
 	<view class="content">
-		<image class="logo" src="/static/logo.png"></image>
+		<!-- <image class="logo" src="/static/logo.png"></image> -->
 		<view class="text-area">
 			<text class="title">{{title}}</text>
 		</view>
 		<cirular-input></cirular-input>
+		<u-popup v-model="show" mode="bottom" border-radius="50" length="40%">
+			<view class="close">
+				<image class="fz_icon_gb" src="/static/img/fz_icon_gb/fz_icon_gb.png"></image>
+			</view>
+			<view>
+				<view style="display: flex; justify-content: space-between;">
+					<view>标题</view>
+					<view><image src="/static/img/fz_icon_xz/fz_icon_xz.png" style="width: 50px;height: 50px;"></image></view>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -16,6 +27,7 @@
 		},
 		data() {
 			return {
+				show: true,
 				title: 'Hello'
 			}
 		},
@@ -28,21 +40,19 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
+	.fz_icon_gb {
+		width: 50px;
+		height: 50px;
+		margin: 20px;
+		float: right;
+	}
 	.content {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
-	}
+		background-color: $uni-bg-color;
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
 	}
 
 	.text-area {

uni.scss

@@ -28,7 +28,7 @@ $uni-text-color-placeholder: #808080;
 $uni-text-color-disable:#c0c0c0;
 
 /* 背景颜色 */
-$uni-bg-color:#ffffff;
+$uni-bg-color:#151941;
 $uni-bg-color-grey:#f8f8f8;
 $uni-bg-color-hover:#f1f1f1;//点击状态颜色
 $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色