<template>
	<view class="flex-col page">
	  <text class="self-start font text">联系人信息</text>
	  <view class="flex-col self-stretch section">
	    <view class="flex-row items-center">
	      <text class="font_2 text_2">收货人</text>
	      <view class="flex-col justify-start items-start flex-1 text-wrapper ml-27">
	        <text class="font_2 text_3">请输入姓名</text>
	      </view>
	    </view>
	    <view class="flex-row items-center mt-17">
	      <text class="font_2 text_4">手机号码</text>
	      <view class="flex-col justify-start items-start flex-1 text-wrapper_2 ml-13">
	        <text class="font_2 text_5">15888610253</text>
	      </view>
	    </view>
	    <view class="flex-row justify-between items-center mt-17">
	      <text class="font_2 text_6">设为默认联系人</text>
	      <image
	        class="image"
	        src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"
	      />
	    </view>
	  </view>
	  <view class="flex-col justify-start items-center self-stretch section_2">
	    <view class="flex-col justify-start items-center text-wrapper_3"><text class="font text_7">保存并使用</text></view>
	  </view>
	</view>
</template>

<script>
</script>

<style>
	.ml-27 {
	  margin-left: 51.53rpx;
	}
	.mt-17 {
	  margin-top: 32.44rpx;
	}
	.ml-13 {
	  margin-left: 24.81rpx;
	}
	.page {
	  padding-top: 26.72rpx;
	  background-color: #fffaf0;
	  width: 100%;
	  overflow-y: auto;
	  overflow-x: hidden;
	  height: 100%;
	}
	.font {
	  font-size: 30.53rpx;
	  font-family: Open Sans;
	  line-height: 28.4rpx;
	}
	.text {
	  margin-left: 22.9rpx;
	  color: #323232;
	  line-height: 28.66rpx;
	}
	.section {
	  margin: 57.25rpx 11.45rpx 0 40.08rpx;
	  padding: 22.9rpx 15.27rpx;
	  background-color: #ffffff;
	  border-radius: 9.54rpx;
	}
	.font_2 {
	  font-size: 26.72rpx;
	  font-family: Open Sans;
	  line-height: 24.71rpx;
	  color: #323232;
	}
	.text_2 {
	  line-height: 24.77rpx;
	}
	.text-wrapper {
	  margin-right: 38.17rpx;
	  padding: 11.45rpx 0;
	  background-color: #fffef8;
	  height: 45.8rpx;
	}
	.text_3 {
	  margin-left: 15.27rpx;
	  color: #acacac;
	}
	.text_4 {
	  line-height: 24.6rpx;
	}
	.text-wrapper_2 {
	  margin-right: 38.17rpx;
	  padding: 15.27rpx 0;
	  background-color: #fffef8;
	  height: 45.8rpx;
	}
	.text_5 {
	  margin-left: 19.08rpx;
	  line-height: 19.64rpx;
	}
	.text_6 {
	  line-height: 24.79rpx;
	}
	.image {
	  margin-right: 41.98rpx;
	  width: 34.35rpx;
	  height: 34.35rpx;
	}
	.section_2 {
	  margin-top: 1047.71rpx;
	  padding: 17.18rpx 0;
	  background-color: #ffffff;
	}
	.text-wrapper_3 {
	  padding: 26.72rpx 0;
	  background-color: #ffa948;
	  border-radius: 47.71rpx;
	  width: 629.77rpx;
	}
	.text_7 {
	  color: #ffffff;
	}
	@import url(../../../common/css/global.css);
</style>