msb-mca
/
shop-app
2.1k
2
Code Issues Pull Requests Projects Releases Wiki Activity

修改商品详情按钮距离底部距离

Browse Source
msb_beta
ch 3 years ago
parent df8bf7fcec
commit e6b8ba64be
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File

8
index.html
Unescape View File

@ -1,3 +1,10 @@
<!--
* @Author: ch
* @Date: 2022-05-05 10:57:05
* @LastEditors: ch
* @LastEditTime: 2022-05-05 16:53:23
* @Description: file content
-->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -14,7 +21,6 @@
<!--app-context--> <!--app-context-->
</head> </head>
<body> <body>
<div>sdfadsfasd</div>
<div id="app"><!--app-html--></div> <div id="app"><!--app-html--></div>
<script type="module" src="/main.js"></script> <script type="module" src="/main.js"></script>
</body> </body>

14
pages/goods/detail/index.vue
Unescape View File

@ -2,7 +2,7 @@
* @Author: ch * @Author: ch
* @Date: 2022-03-23 17:27:21 * @Date: 2022-03-23 17:27:21
* @LastEditors: ch * @LastEditors: ch
* @LastEditTime: 2022-05-05 16:14:29 * @LastEditTime: 2022-05-05 17:19:09
* @Description: file content * @Description: file content
--> -->
<template> <template>
@ -205,8 +205,10 @@ page {
padding: 20rpx; padding: 20rpx;
} }
.footer{ .footer{
height: 206rpx; padding: 30rpx;
padding: 0 30rpx 68rpx 30rpx; padding-bottom: calc(constant(safe-area-inset-bottom) + 50rpx) ;
padding-bottom: calc(env(safe-area-inset-bottom) + 50rpx);
// box-sizing: border-box;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -214,8 +216,6 @@ page {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
border-top-left-radius: 24rpx; border-top-left-radius: 24rpx;
border-top-right-radius: 24rpx; border-top-right-radius: 24rpx;
background: $color-grey0; background: $color-grey0;
@ -228,7 +228,9 @@ page {
color: $color-grey0; color: $color-grey0;
text-align: center; text-align: center;
position: fixed; position: fixed;
bottom: 206rpx; z-index: 9;
bottom: calc(180rpx + constant(safe-area-inset-bottom)) ;
bottom: calc(180rpx + env(safe-area-inset-bottom));
} }
&--left{ &--left{
display: flex; display: flex;

Write Preview
Loading…
Cancel
Save