Commit 9e2ee8a4 authored by gaodapeng's avatar gaodapeng

修改了结算界面的字体

parent cc286481
......@@ -3,3 +3,18 @@ page {
display: flex;
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;
flex-direction: column;
background-color: #ffffff;
......@@ -7,41 +7,57 @@ page{
align-items: center;
box-sizing: border-box;
background: url(/images/bg_balance.png) no-repeat fixed top;
background-size:100% 504rpx;
background-size: 100% 504rpx;
}
.goodsRemind{
.goodsRemind {
color: #ffffff;
position:relative;
margin-top: 91rpx;
font-size:34rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
line-height:38rpx;
position: relative;
margin-top: 91rpx;
font-size: 34rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 38rpx;
}
.payPrice{
.payPrice {
color: #ffffff;
font-size: 94rpx;
margin-top: 8rpx;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(255,255,255,1);
line-height:113rpx;
font-family: DINPro-Regular;
font-weight: 600;
color: rgba(255, 255, 255, 1);
line-height: 113rpx;
}
.priceDetailRow{
.priceDetailRow {
display: flex;
flex-direction: row;
justify-content:space-between;
box-sizing: border-box;/*为元素设定的任何内边距和边框都发生在已设定的宽度和高度内部*/
width:750rpx;
justify-content: space-between;
box-sizing: border-box;
/*为元素设定的任何内边距和边框都发生在已设定的宽度和高度内部*/
width: 750rpx;
color: rgba(255, 255, 255, 0.65);
padding-left: 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;
flex-direction: column;
width: 234rpx;
......@@ -49,12 +65,12 @@ page{
box-sizing: border-box;
}
.payWayText{
font-size:34rpx;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(0,0,0,0.85);
line-height:34rpx;
.payWayText {
font-size: 34rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
line-height: 34rpx;
margin-top: 28rpx;
text-align: center;
}
}
\ No newline at end of file
<view class="page">
<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="payPrice">¥{{payPrice}}</view>
<view class="goodsRemind">共计{{goodsNum}}件商品,应付总额</view>
<view class="payPrice">¥ {{payPrice}}</view>
<view class="priceDetailRow" style="margin-top:58rpx;">
<view>订单总金额</view>
<view{{totalPrice}}</view>
<view class="priceRemind">订单总金额</view>
<view class="priceNum">¥ {{totalPrice}}</view>
</view>
<view class="priceDetailRow" style="margin-top:30rpx;">
<view>商家活动优惠</view>
<view{{couponPrice}}</view>
<view class="priceRemind">商家活动优惠</view>
<view class="priceNum">¥ {{couponPrice}}</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="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">
<image mode="aspectFit" src="/images/icon_facepay.png" style="width:134rpx;height:131rpx;margin:10rpx 10rpx 10rpx 10rpx;"/>
......@@ -25,7 +22,4 @@
<view class="payWayText">扫码支付</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