topnuomi
/
xx-applets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复底部按钮组居中问题

This commit is contained in:
TOP糯米 2023-02-12 01:09:45 +08:00
parent ebffcc1ba8
commit fad6a1212d
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/layout/layout.vue
View File

@ -120,7 +120,7 @@ export default {
<style scoped lang="less"> <style scoped lang="less">
.page-layout { .page-layout {
max-width: 750px; max-width: 750px;
width: 750rpx; width: 100%;
margin: 0 auto; margin: 0 auto;
/* #ifdef H5 */ /* #ifdef H5 */
// 修复自定义tabBar后的遮挡问题 // 修复自定义tabBar后的遮挡问题

3
src/pages/service/detail.vue
View File

@ -295,12 +295,15 @@ export default {
} }
.service-buy-box { .service-buy-box {
position: fixed; position: fixed;
max-width: 750px;
width: 100%; width: 100%;
height: 100rpx; height: 100rpx;
right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
box-sizing: border-box; box-sizing: border-box;
padding: 0 40rpx; padding: 0 40rpx;
margin: 0 auto;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;

5
src/pages/service/list.vue
View File

@ -120,8 +120,10 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.buy-components { .buy-components {
position: fixed; position: fixed;
left: 0; right: 0;
bottom: 0; bottom: 0;
left: 0;
max-width: 750px;
width: 100%; width: 100%;
height: @tabBarHeight; height: @tabBarHeight;
background-color: #ffffff; background-color: #ffffff;
@ -130,6 +132,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 20rpx 0 50rpx; padding: 0 20rpx 0 50rpx;
margin: 0 auto;
.cart { .cart {
position: relative; position: relative;
width: 95rpx; width: 95rpx;