Commit 9e2ee8a4 authored by gaodapeng's avatar gaodapeng

修改了结算界面的字体

parent cc286481
...@@ -3,3 +3,18 @@ page { ...@@ -3,3 +3,18 @@ page {
display: flex; display: flex;
background: #f7f7f7; background: #f7f7f7;
} }
@font-face {
font-family: DINPro-Regular;
src: url('/font/DINPro-Regular.otf');
}
@font-face {
font-family: DINPro-Medium;
src: url('/font/DINPro-Medium.ttf');
}
@font-face {
font-family: DINPro-Bold;
src: url('/font/DINPro-Bold.ttf');
}
\ No newline at end of file
page{ page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #ffffff; background-color: #ffffff;
...@@ -7,41 +7,57 @@ page{ ...@@ -7,41 +7,57 @@ page{
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
background: url(/images/bg_balance.png) no-repeat fixed top; background: url(/images/bg_balance.png) no-repeat fixed top;
background-size:100% 504rpx; background-size: 100% 504rpx;
} }
.goodsRemind{ .goodsRemind {
color: #ffffff; color: #ffffff;
position:relative; position: relative;
margin-top: 91rpx; margin-top: 91rpx;
font-size:34rpx; font-size: 34rpx;
font-family:PingFangSC-Medium,PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight:500; font-weight: 500;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
line-height:38rpx; line-height: 38rpx;
} }
.payPrice{ .payPrice {
color: #ffffff; color: #ffffff;
font-size: 94rpx; font-size: 94rpx;
margin-top: 8rpx; margin-top: 8rpx;
font-family:PingFangSC-Semibold,PingFang SC; font-family: DINPro-Regular;
font-weight:600; font-weight: 600;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
line-height:113rpx; line-height: 113rpx;
} }
.priceDetailRow{
.priceDetailRow {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content:space-between; justify-content: space-between;
box-sizing: border-box;/*为元素设定的任何内边距和边框都发生在已设定的宽度和高度内部*/ box-sizing: border-box;
width:750rpx; /*为元素设定的任何内边距和边框都发生在已设定的宽度和高度内部*/
width: 750rpx;
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
padding-left: 47rpx; padding-left: 47rpx;
padding-right: 47rpx; padding-right: 47rpx;
} }
.payWayContainer{ .priceRemind {
font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 0.65);
}
.priceNum {
font-size: 34rpx;
font-family: DINPro-Regular;
font-weight: bold;
color: rgba(255, 255, 255, 0.65);
}
.payWayContainer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 234rpx; width: 234rpx;
...@@ -49,12 +65,12 @@ page{ ...@@ -49,12 +65,12 @@ page{
box-sizing: border-box; box-sizing: border-box;
} }
.payWayText{ .payWayText {
font-size:34rpx; font-size: 34rpx;
font-family:PingFangSC-Regular,PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight:400; font-weight: 400;
color:rgba(0,0,0,0.85); color: rgba(0, 0, 0, 0.85);
line-height:34rpx; line-height: 34rpx;
margin-top: 28rpx; margin-top: 28rpx;
text-align: center; text-align: center;
} }
\ No newline at end of file
<view class="page"> <view class="page">
<view style="position:absolute;width:100%;height:auto;left:0rpx;top:0rpx;display:flex;flex-direction:column;align-items:center"> <view style="position:absolute;width:100%;height:auto;left:0rpx;top:0rpx;display:flex;flex-direction:column;align-items:center">
<view class="goodsRemind">共计{{goodsNum}}件商品,应付总额</view> <view class="goodsRemind">共计{{goodsNum}}件商品,应付总额</view>
<view class="payPrice">¥{{payPrice}}</view> <view class="payPrice">¥ {{payPrice}}</view>
<view class="priceDetailRow" style="margin-top:58rpx;"> <view class="priceDetailRow" style="margin-top:58rpx;">
<view>订单总金额</view> <view class="priceRemind">订单总金额</view>
<view{{totalPrice}}</view> <view class="priceNum">¥ {{totalPrice}}</view>
</view> </view>
<view class="priceDetailRow" style="margin-top:30rpx;"> <view class="priceDetailRow" style="margin-top:30rpx;">
<view>商家活动优惠</view> <view class="priceRemind">商家活动优惠</view>
<view{{couponPrice}}</view> <view class="priceNum">¥ {{couponPrice}}</view>
</view> </view>
</view> </view>
<view style="font-size:38rpx;width:300rpx;color:rgba(0,0,0,0.85);font-weight:500;font-family:PingFangSC-Medium,PingFang SC;opacity:0.85;margin:75rpx auto;margin-top:579rpx">请选择支付方式</view> <view style="font-size:38rpx;width:300rpx;color:rgba(0,0,0,0.85);font-weight:500;font-family:PingFangSC-Medium,PingFang SC;opacity:0.85;margin:75rpx auto;margin-top:579rpx">请选择支付方式</view>
<view style="width:750rpx;margin-top:78rpx;justify-content:space-between;display:flex;flex-direction:row;box-sizing:border-box;padding-left:96rpx;padding-right:96rpx;"> <view style="width:750rpx;margin-top:78rpx;justify-content:space-between;display:flex;flex-direction:row;box-sizing:border-box;padding-left:96rpx;padding-right:96rpx;">
<view class="payWayContainer" onTap="startPay"> <view class="payWayContainer" onTap="startPay">
<image mode="aspectFit" src="/images/icon_facepay.png" style="width:134rpx;height:131rpx;margin:10rpx 10rpx 10rpx 10rpx;"/> <image mode="aspectFit" src="/images/icon_facepay.png" style="width:134rpx;height:131rpx;margin:10rpx 10rpx 10rpx 10rpx;"/>
...@@ -25,7 +22,4 @@ ...@@ -25,7 +22,4 @@
<view class="payWayText">扫码支付</view> <view class="payWayText">扫码支付</view>
</view> </view>
</view> </view>
</view> </view>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment