From fe75cffbf3bae6777aa2794fd89fa5dc37f5df8d Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 15 七月 2025 10:11:23 +0800
Subject: [PATCH] 项目初始化
---
src/pages_template/pages/submitBar/index.vue | 73 ++++++++++++++++++++++++++++++++++++
1 files changed, 73 insertions(+), 0 deletions(-)
diff --git a/src/pages_template/pages/submitBar/index.vue b/src/pages_template/pages/submitBar/index.vue
new file mode 100644
index 0000000..d24e404
--- /dev/null
+++ b/src/pages_template/pages/submitBar/index.vue
@@ -0,0 +1,73 @@
+<script setup>
+</script>
+<template>
+ <view class="navigation">
+ <view class="left">
+ <view class="item">
+ <u-icon name="server-fill" :size="20" :color="$u.color['contentColor']"></u-icon>
+ <view class="text u-line-1">瀹㈡湇</view>
+ </view>
+ <view class="item">
+ <u-icon name="home" :size="20" :color="$u.color['contentColor']"></u-icon>
+ <view class="text u-line-1">搴楅摵</view>
+ </view>
+ <view class="item car">
+ <u-badge class="car-num" :count="9" type="error" :offset="[-3, -6]"></u-badge>
+ <u-icon name="shopping-cart" :size="20" :color="$u.color['contentColor']"></u-icon>
+ <view class="text u-line-1">璐墿杞�</view>
+ </view>
+ </view>
+ <view class="right">
+ <view class="cart btn u-line-1">鍔犲叆璐墿杞�</view>
+ <view class="buy btn u-line-1">绔嬪嵆璐拱</view>
+ </view>
+ </view>
+</template>
+<style lang="scss" scoped>
+.navigation {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ margin-top: 100rpx;
+ border: solid 2rpx #f2f2f2;
+ background-color: #ffffff;
+ padding: 16rpx 0;
+ .left {
+ display: flex;
+ font-size: 20rpx;
+ .item {
+ margin: 0 20rpx;
+ &.car {
+ text-align: center;
+ position: relative;
+ .car-num {
+ position: absolute;
+ top: -10rpx;
+ right: -10rpx;
+ }
+ }
+ }
+ }
+ .right {
+ display: flex;
+ font-size: 28rpx;
+ padding-right: 10rpx;
+ align-items: center;
+ .btn {
+ line-height: 66rpx;
+ padding: 0 30rpx;
+ border-radius: 36rpx;
+ color: #ffffff;
+ }
+ .cart {
+ background-color: #ed3f14;
+ margin-right: 30rpx;
+ }
+ .buy {
+ background-color: #ff7900;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3