diff --git a/components/select/selectPayType.vue b/components/select/selectPayType.vue
new file mode 100644
index 0000000..48d48ea
--- /dev/null
+++ b/components/select/selectPayType.vue
@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
diff --git a/main.js b/main.js
index 8898fd0..be1ef0f 100644
--- a/main.js
+++ b/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'
diff --git a/pages.json b/pages.json
index 9097569..2054bbd 100644
--- a/pages.json
+++ b/pages.json
@@ -6,7 +6,7 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "uni-app"
+				"navigationBarTitleText": ""
 			}
 		}
 	],
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 7ac72de..2e70749 100644
--- a/pages/index/index.vue
+++ b/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;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
+		background-color: $uni-bg-color;
 	}
 
 	.text-area {
diff --git a/static/img/fz_icon_gb/fz_icon_gb.png b/static/img/fz_icon_gb/fz_icon_gb.png
new file mode 100644
index 0000000..967114b
Binary files /dev/null and b/static/img/fz_icon_gb/fz_icon_gb.png differ
diff --git a/static/img/fz_icon_gb/fz_icon_gb@2x.png b/static/img/fz_icon_gb/fz_icon_gb@2x.png
new file mode 100644
index 0000000..a65b87f
Binary files /dev/null and b/static/img/fz_icon_gb/fz_icon_gb@2x.png differ
diff --git a/static/img/fz_icon_xz/fz_icon_xz.png b/static/img/fz_icon_xz/fz_icon_xz.png
new file mode 100644
index 0000000..ba7b914
Binary files /dev/null and b/static/img/fz_icon_xz/fz_icon_xz.png differ
diff --git a/static/img/fz_icon_xz/fz_icon_xz@2x.png b/static/img/fz_icon_xz/fz_icon_xz@2x.png
new file mode 100644
index 0000000..82dd6a6
Binary files /dev/null and b/static/img/fz_icon_xz/fz_icon_xz@2x.png differ
diff --git a/uni.scss b/uni.scss
index 7d7def1..a1af75d 100644
--- a/uni.scss
+++ b/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);//遮罩颜色