jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.vue

<template>
	<view class="flex-col page">
	  <view class="flex-col group">
	    <text class="self-start font text">收货信息</text>
	    <view class="flex-col self-stretch section mt-15">
	      <view class="flex-row items-center group_2">
	        <text class="font">收货人</text>
	        <view class="flex-col justify-start items-start flex-1 text-wrapper ml-27">
	          <text class="font text_2">请输入姓名</text>
	        </view>
	      </view>
	      <view class="flex-row items-center group_3">
	        <text class="font text_3">手机号码</text>
	        <view class="ml-12 flex-col justify-start items-start flex-1 text-wrapper_2">
	          <text class="font text_4">15888610253</text>
	        </view>
	      </view>
	      <view class="flex-row items-center group_4">
	        <text class="font text_5">所在地区</text>
	        <view class="flex-col justify-start flex-1 relative group_5 ml-13">
	          <view class="flex-col justify-start items-start text-wrapper_3">
	            <text class="font text_6">黑龙江/哈尔滨/呼兰区</text>
	          </view>
	          <image
	            class="image pos"
	            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3e2a31d894d6e2dc87b84024e8b30588.png"
	          />
	        </view>
	      </view>
	      <view class="flex-row items-center group_6">
	        <text class="font text_7">详细地址</text>
	        <view class="flex-col items-start flex-1 section_2 ml-13">
	          <text class="font_2">利民开发区学院路288号哈尔滨华德</text>
	          <text class="mt-2 font_2">学院</text>
	        </view>
	      </view>
	      <view class="flex-row justify-between items-center group_7">
	        <text class="font">设为默认收货地址</text>
	        <image
	          class="image_2"
	          src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"
	        />
	      </view>
	    </view>
	  </view>
	  <view class="flex-col justify-start items-center section_3 mt-462">
	    <view class="flex-col justify-start items-center text-wrapper_4"><text class="text_8">保存并使用</text></view>
	  </view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.mt-15 {
	  margin-top: 28.63rpx;
	}
	.ml-27 {
	  margin-left: 51.53rpx;
	}
	.ml-13 {
	  margin-left: 24.81rpx;
	}
	.mt-462 {
	  margin-top: 881.68rpx;
	}
	.page {
	  padding-top: 26.72rpx;
	  background-color: #fffaf0;
	  width: 100%;
	  overflow-y: auto;
	  overflow-x: hidden;
	  height: 100%;
	}
	.group {
	  padding: 0 20.99rpx;
	}
	.font {
	  font-size: 26.72rpx;
	  font-family: Open Sans;
	  line-height: 24.77rpx;
	  color: #323232;
	}
	.text {
	  line-height: 24.92rpx;
	}
	.section {
	  margin-right: 9.54rpx;
	  padding-left: 26.72rpx;
	  padding-right: 11.45rpx;
	  background-color: #fffef8;
	  border-radius: 9.54rpx;
	  border-left: solid 1.91rpx #818181;
	  border-right: solid 1.91rpx #818181;
	  border-top: solid 1.91rpx #818181;
	  border-bottom: solid 1.91rpx #818181;
	}
	.group_2 {
	  padding: 22.9rpx 3.82rpx 11.45rpx;
	  border-bottom: solid 1.91rpx #efefef;
	}
	.text-wrapper {
	  margin-right: 30.53rpx;
	  padding: 11.45rpx 0;
	  background-color: #fffef8;
	  height: 45.8rpx;
	}
	.text_2 {
	  margin-left: 15.27rpx;
	  color: #acacac;
	  line-height: 24.71rpx;
	}
	.group_3 {
	  padding: 15.27rpx 3.82rpx;
	  border-bottom: solid 1.91rpx #efefef;
	}
	.text_3 {
	  line-height: 24.6rpx;
	}
	.text-wrapper_2 {
	  margin-right: 30.53rpx;
	  padding: 15.27rpx 0;
	  background-color: #fffef8;
	  height: 45.8rpx;
	}
	.text_4 {
	  margin-left: 19.08rpx;
	  line-height: 19.64rpx;
	}
	.group_4 {
	  padding: 11.45rpx 3.82rpx;
	  border-bottom: solid 1.91rpx #efefef;
	}
	.text_5 {
	  line-height: 24.64rpx;
	}
	.group_5 {
	  margin-right: 11.45rpx;
	}
	.text-wrapper_3 {
	  margin-right: 17.18rpx;
	  padding: 11.45rpx 0;
	  background-color: #fffef8;
	}
	.text_6 {
	  margin-left: 15.27rpx;
	  line-height: 24.83rpx;
	}
	.image {
	  width: 49.62rpx;
	  height: 49.62rpx;
	}
	.pos {
	  position: absolute;
	  right: 0;
	  bottom: 0;
	}
	.group_6 {
	  padding: 15.27rpx 3.82rpx 7.63rpx;
	  border-bottom: solid 1.91rpx #efefef;
	}
	.text_7 {
	  line-height: 24.69rpx;
	}
	.section_2 {
	  margin-right: 19.08rpx;
	  padding: 7.63rpx 15.27rpx;
	  background-color: #fffef8;
	  height: 83.97rpx;
	}
	.font_2 {
	  font-size: 26.72rpx;
	  font-family: Open Sans;
	  line-height: 32.44rpx;
	  color: #323232;
	}
	.group_7 {
	  padding: 26.72rpx 3.82rpx 34.35rpx;
	}
	.image_2 {
	  margin-right: 19.08rpx;
	  width: 34.35rpx;
	  height: 34.35rpx;
	}
	.section_3 {
	  padding: 17.18rpx 0;
	  background-color: #fffef8;
	}
	.text-wrapper_4 {
	  padding: 26.72rpx 0;
	  background-color: #ffa948;
	  border-radius: 47.71rpx;
	  width: 629.77rpx;
	}
	.text_8 {
	  color: #ffffff;
	  font-size: 30.53rpx;
	  font-family: Open Sans;
	  line-height: 28.4rpx;
	}
	@import url(../../../common/css/global.css);
</style>