From 20cca5d5daa229b6e141eb072dc6a297f5dafc1d Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 03 十一月 2026 11:17:39 +0800
Subject: [PATCH] style(app): 统一各页面右下角新增按钮样式
---
src/pages/basic-data/material/index.vue | 57 ++++-----------------------------------------------------
1 files changed, 4 insertions(+), 53 deletions(-)
diff --git a/src/pages/basic-data/material/index.vue b/src/pages/basic-data/material/index.vue
index 7488b0d..25f6156 100644
--- a/src/pages/basic-data/material/index.vue
+++ b/src/pages/basic-data/material/index.vue
@@ -168,10 +168,8 @@
<view class="state"><text>鐧诲綍鍚庢煡鐪嬬墿鏂欎俊鎭�</text><button @click="uni.navigateTo({ url: '/pages/login/index' })">绔嬪嵆鐧诲綍</button></view>
</scroll-view>
<button v-if="canCreate"
- class="create-fab"
- @click="goForm()">
- <view class="fab-plus"></view>
- </button>
+ class="fab"
+ @click="goForm()"><view /></button>
</view>
</template>
<style lang="scss" scoped>
@@ -288,7 +286,7 @@
border-radius: 10rpx;
}
.actions button::after,
- .create-fab::after {
+ .fab::after {
border: 0;
}
.actions .danger {
@@ -314,52 +312,5 @@
background: var(--color-primary, #1769d8);
border-radius: 12rpx;
}
- .create-fab {
- position: fixed;
- right: 30rpx;
- bottom: calc(32rpx + env(safe-area-inset-bottom));
- z-index: 10;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- width: 104rpx; height: 104rpx; min-height: 104rpx;
- padding: 0;
- margin: 0;
- color: #fff;
- font-size: 25rpx;
- font-weight: 600;
- line-height: 32rpx;
- background: var(--color-primary, #1769d8);
- border-radius: 50%;
- box-shadow: 0 12rpx 24rpx rgba(23, 105, 216, 0.3);
- }
- .fab-plus,
- .fab-plus::before,
- .fab-plus::after {
- display: block;
- background: currentColor;
- border-radius: 4rpx;
- }
- .fab-plus {
- position: relative;
- width: 36rpx;
- height: 8rpx;
- }
- .fab-plus::before,
- .fab-plus::after {
- position: absolute;
- top: 50%;
- left: 50%;
- content: "";
- transform: translate(-50%, -50%);
- }
- .fab-plus::before {
- width: 36rpx;
- height: 8rpx;
- }
- .fab-plus::after {
- width: 8rpx;
- height: 36rpx;
- }
+ .fab{position:fixed;right:30rpx;bottom:calc(32rpx + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;justify-content:center;width:104rpx;height:104rpx;min-height:104rpx;padding:0;margin:0;color:#fff;background:var(--color-primary, #1769d8);border-radius:50%;box-shadow:0 12rpx 24rpx rgba(23,105,216,.3)}.fab view{width:38rpx;height:38rpx;background:linear-gradient(#fff,#fff) center/38rpx 8rpx no-repeat,linear-gradient(#fff,#fff) center/8rpx 38rpx no-repeat}.fab view::before,.fab view::after{display:none;content:none}
</style>
--
Gitblit v1.9.3