aike/emis-sapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
aihe 2023-12-05 09:19:34 +08:00
parent 14b8e6ed47
commit 0d6efd17a7
3 changed files with 170 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

115
common/custom.scss
View File

@ -1,3 +1,102 @@
.mt-10{
margin-top: 10rpx;
}
.mt-20{
margin-top: 20rpx;
}
.mt-30{
margin-top: 30rpx;
}
.mt-40{
margin-top: 40rpx;
}
.mb-10{
margin-bottom: 10rpx;
}
.mb-20{
margin-bottom: 20rpx;
}
.mb-30{
margin-bottom: 30rpx;
}
.mb-40{
margin-bottom: 40rpx;
}
.ml-10{
margin-left: 10rpx;
}
.ml-20{
margin-left: 20rpx;
}
.ml-30{
margin-left: 30rpx;
}
.ml-40{
margin-left: 40rpx;
}
.mr-10{
margin-right: 10rpx;
}
.mr-20{
margin-right: 20rpx;
}
.mr-30{
margin-right: 30rpx;
}
.mr-40{
margin-right: 40rpx;
}
.pt-10{
padding-top: 10rpx;
}
.pt-20{
padding-top: 20rpx;
}
.pt-30{
padding-top: 30rpx;
}
.pt-40{
padding-top: 40rpx;
}
.pb-10{
padding-bottom: 10rpx;
}
.pb-20{
padding-bottom: 20rpx;
}
.pb-30{
padding-bottom: 30rpx;
}
.pb-40{
padding-bottom: 40rpx;
}
.pl-10{
padding-left: 10rpx;
}
.pl-20{
padding-left: 20rpx;
}
.pl-30{
padding-left: 30rpx;
}
.pl-40{
padding-left: 40rpx;
}
.pr-10{
padding-right: 10rpx;
}
.pr-20{
padding-right: 20rpx;
}
.pr-30{
padding-right: 30rpx;
}
.pr-40{
padding-right: 40rpx;
}
.customer_nav_bar {
min-height: var(--status-bar-height);
padding-top: 60rpx;
@ -44,6 +143,22 @@
flex-direction: column;
align-items: center;
}
.com-section{
position: relative;
font-size: 32rpx;
font-weight: bold;
padding-left: 10rpx;
&::before{
content: ' ';
position: absolute;
left: 0;
top: 6rpx;
height: 26rpx;
width: 3rpx;
border-radius: 2rpx;
background-color: $uni-color-primary;
}
}
/************* 动画 /**************/

59
pages/post/post.vue
View File

@ -2,7 +2,7 @@
<view class="com-jianju pos-rlt" style="padding-top: 2rpx;">
<view class="blcok" style="background-color: #0E0708;">
<u-row>
<image style="height: 28rpx;width: 34rpx;margin-right: 20rpx;" :src="getCdnUrl(`post/gangbo.png`)"></image>
<image class="mr-20" style="height: 28rpx;width: 34rpx;" :src="getCdnUrl(`post/gangbo.png`)"></image>
<u-text size="24" color="#fff" text="下单后会有业务员及时联系您，请保持电话畅通!"></u-text>
</u-row>
</view>
@ -37,7 +37,7 @@
<view>
<image style="height: 50rpx;width: 42rpx;" :src="getCdnUrl(`post/shou.png`)"></image>
</view>
<view style="flex: 1;padding: 0 30rpx;">
<view class="pr-30 pl-30" style="flex: 1;">
<u-text text="收件人信息" size="28" :bold="true"></u-text>
<view style="margin: 8rpx 0 0 0;">
<u-text text="请填写收件人国家、姓名，电话" size="22" color="#999"></u-text>
@ -60,7 +60,7 @@
</view>
<view >
<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
<u-row>
<view>
<u-text text="目的国" size="28" :bold="true"></u-text>
@ -72,7 +72,7 @@
</u-row>
</view>
<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
<u-row>
<view>
<u-text text="选择线路" size="28" :bold="true"></u-text>
@ -84,7 +84,7 @@
</u-row>
</view>
<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
<u-row>
<view>
<u-text text="货物信息(必填)" size="28" :bold="true"></u-text>
@ -96,7 +96,7 @@
</u-row>
</view>
<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
<u-row>
<view>
<u-text text="重量/体积" size="28" :bold="true"></u-text>
@ -108,7 +108,7 @@
</u-row>
</view>
<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
<u-row>
<view>
<u-text text="期望上门时间 " size="28" :bold="true"></u-text>
@ -134,6 +134,39 @@
</view>
</view>
<view class="com-section mt-30">产品类型</view>
<view class="blcok-white yunf-list">
<view class="yunf-item active">
<u-row justify="between">
<u-col span="8">
<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
<u-text margin="6rpx" text="1-2工作日 ￥80元起" size="22" color="#999"></u-text>
</u-col>
<u-col span="4">
<u-text align="right" text="运费预估" size="22" color="#999"></u-text>
<u-text align="right" margin="6rpx" text="32" size="22" :bold="true" mode="price" color="#B12D29"></u-text>
</u-col>
</u-row>
</view>
<view class="yunf-item">
<u-row justify="between">
<u-col span="8">
<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
<u-text margin="6rpx" text="1-2工作日 ￥80元起" size="22" color="#999"></u-text>
</u-col>
<u-col span="4">
<u-text align="right" text="运费预估" size="22" color="#999"></u-text>
<u-text align="right" margin="6rpx" text="32" size="22" :bold="true" mode="price" color="#B12D29"></u-text>
</u-col>
</u-row>
</view>
</view>
<view class="com-section mt-30">给快递员捎话</view>
<view class="blcok-white">
</view>
</view>
<!-- 日历 -->
<!-- @close="handleSwitchCladar()" -->
@ -209,5 +242,17 @@
</style>
<style scoped lang="scss">
.yunf-item{
margin-bottom: 20rpx;
padding: 30rpx;
background: #F6F6F6;
border-radius: 20rpx;
&.active{
border: 2rpx solid $uni-color-primary;
}
&:last-child{
margin-bottom: 0;
}
}
</style>

4
uni.scss
View File

@ -1,4 +1,4 @@
@import '@/common/custom.scss';
@import '@/uni_modules/uview-plus/theme.scss';
/**
@ -77,3 +77,5 @@ $uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15px;
@import '@/common/custom.scss';