新增地址管理

pages/address/index.vue

@@ -1,19 +1,91 @@
 <template>
-	<view>
-		地址管理
+	<view class="content">
+		<oct-address
+			:lists="addressList"
+			:isEdit="false"
+			:pattern="true"
+			editColor="#34CE98"
+			:btnStyle="{'backgroundColor': '#34CE98'}"
+			@onAddress="onInfo"
+			@onAdd="add"
+		>
+		</oct-address>
 	</view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			};
+export default {
+	data() {
+		return {
+			addressList: [
+				{
+					name: '唐明明',
+					phone: '18245180131',
+					city: '黑龙江省哈尔滨市香坊区',
+					address: '旭升南街108号',
+					default: false,
+					tag: '公司'
+				},{
+					name: '张静',
+					phone: '18245180131',
+					city: '黑龙江省哈尔滨市香坊区',
+					address: '旭升南街108号',
+					default: true,
+					tag: '家'
+				},{
+					name: '法外狂徒张三',
+					phone: '18245180131',
+					city: '黑龙江省哈尔滨市香坊区',
+					address: '旭升南街108号',
+					default: false,
+					tag: ''
+				},{
+					name: '王尼玛',
+					phone: '18245180131',
+					city: '黑龙江省哈尔滨市香坊区',
+					address: '旭升南街108号',
+					default: false,
+					tag: ''
+				},{
+					name: '纸巾劳斯',
+					phone: '18245180131',
+					city: '黑龙江省哈尔滨市香坊区',
+					address: '旭升南街108号',
+					default: false,
+					tag: ''
+				},{
+					name: '张同学',
+					phone: '18245180131',
+					city: '黑龙江省哈尔滨市香坊区',
+					address: '旭升南街108号',
+					default: false,
+					tag: ''
+				},{
+					name: '大叔',
+					phone: '18245180131',
+					city: '黑龙江省哈尔滨市香坊区',
+					address: '旭升南街108号',
+					default: false,
+					tag: ''
+				}
+			]
+		};
+	},
+	methods: {
+		onInfo(val){
+			console.log(val)
+		},
+		add(){
+			console.log("新增地址")
 		}
 	}
+};
 </script>
 
 <style lang="scss">
-
+	.content{
+		background: #F3F6FB;
+		overflow: hidden;
+		min-height: 100vh;
+	}
 </style>