优化图标
This commit is contained in:
parent
7ce2ad8d8e
commit
215b3298d0
@ -22,9 +22,9 @@
|
|||||||
@input="onInput"
|
@input="onInput"
|
||||||
disabled
|
disabled
|
||||||
></textarea>
|
></textarea>
|
||||||
<view class="voice-button" @click="toggleVoiceInput">
|
<!-- <view class="voice-button" @click="toggleVoiceInput">
|
||||||
<text class="voice-icon">🎙</text>
|
<text class="voice-icon">🎙</text>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|||||||
@ -22,9 +22,9 @@
|
|||||||
placeholder=""
|
placeholder=""
|
||||||
@input="onInput"
|
@input="onInput"
|
||||||
></textarea>
|
></textarea>
|
||||||
<view class="voice-button" @click="toggleVoiceInput">
|
<!-- <view class="voice-button" @click="toggleVoiceInput">
|
||||||
<text class="voice-icon">🎙</text>
|
<text class="voice-icon">🎙</text>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|||||||
@ -138,15 +138,15 @@
|
|||||||
<!-- 底部导航 -->
|
<!-- 底部导航 -->
|
||||||
<view class="bottom-nav">
|
<view class="bottom-nav">
|
||||||
<view class="nav-item" @click="goToPointsCoupon">
|
<view class="nav-item" @click="goToPointsCoupon">
|
||||||
<view class="nav-icon">🎫</view>
|
<!-- <view class="nav-icon">🎫</view> -->
|
||||||
<text class="nav-text">积分券</text>
|
<text class="nav-text">积分券</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="nav-item active" @click="goToBuyPoints">
|
<view class="nav-item active" @click="goToBuyPoints">
|
||||||
<view class="nav-icon">📷</view>
|
<!-- <view class="nav-icon">📷</view> -->
|
||||||
<text class="nav-text">购买积分</text>
|
<text class="nav-text">购买积分</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="nav-item" @click="goToPointsMall">
|
<view class="nav-item" @click="goToPointsMall">
|
||||||
<view class="nav-icon">🛍️</view>
|
<!-- <view class="nav-icon">🛍️</view> -->
|
||||||
<text class="nav-text">积分商城</text>
|
<text class="nav-text">积分商城</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -558,7 +558,8 @@
|
|||||||
.coin-icon {
|
.coin-icon {
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
background-color: #e74c3c;
|
line-height: 60rpx;
|
||||||
|
background-color: #eee;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -576,12 +577,22 @@
|
|||||||
.empty-icon {
|
.empty-icon {
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
border: 2rpx solid #e0e0e0;
|
line-height: 60rpx;
|
||||||
|
background-color: #eee;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
margin-bottom: 10rpx;
|
margin-bottom: 10rpx;
|
||||||
background-color: transparent;
|
font-size: 24rpx;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.empty-icon::before {
|
||||||
|
content: '⚪';
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.day-text {
|
.day-text {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
@ -975,7 +986,7 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 20rpx 0;
|
padding: 40rpx 0;
|
||||||
box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);
|
box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -77,7 +77,7 @@
|
|||||||
<!-- 底部导航栏 -->
|
<!-- 底部导航栏 -->
|
||||||
<view class="bottom-nav">
|
<view class="bottom-nav">
|
||||||
<view class="nav-item" @click="goPointsDetail">
|
<view class="nav-item" @click="goPointsDetail">
|
||||||
<up-image :src="jifenImg" width="34rpx" height="34rpx" ></up-image>
|
<!-- <up-image :src="jifenImg" width="34rpx" height="34rpx" ></up-image> -->
|
||||||
<text class="nav-text">兑换福利卡</text>
|
<text class="nav-text">兑换福利卡</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -501,7 +501,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav-text {
|
.nav-text {
|
||||||
font-size: 24rpx;
|
font-size: 32rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -65,7 +65,7 @@
|
|||||||
<!-- 底部导航栏 -->
|
<!-- 底部导航栏 -->
|
||||||
<view class="bottom-nav">
|
<view class="bottom-nav">
|
||||||
<view class="nav-item" @click="goPointsDetail">
|
<view class="nav-item" @click="goPointsDetail">
|
||||||
<up-image :src="jifenImg" width="34rpx" height="34rpx"></up-image>
|
<!-- <up-image :src="jifenImg" width="34rpx" height="34rpx"></up-image> -->
|
||||||
<text class="nav-text">兑换福利卡</text>
|
<text class="nav-text">兑换福利卡</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -473,7 +473,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav-text {
|
.nav-text {
|
||||||
font-size: 24rpx;
|
font-size: 32rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -94,10 +94,10 @@
|
|||||||
<!-- 悬浮发票按钮 -->
|
<!-- 悬浮发票按钮 -->
|
||||||
<view class="floating-invoice-btn" @click="goToInvoice">
|
<view class="floating-invoice-btn" @click="goToInvoice">
|
||||||
<view class="btn-content">
|
<view class="btn-content">
|
||||||
<view class="icon-wrapper">
|
<!-- <view class="icon-wrapper">
|
||||||
<uni-icons type="receipt" size="20" color="#fff"></uni-icons>
|
<uni-icons type="receipt" size="20" color="#fff"></uni-icons>
|
||||||
</view>
|
</view> -->
|
||||||
<text class="btn-text">开具发票1</text>
|
<text class="btn-text">开具发票</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="btn-shadow"></view>
|
<view class="btn-shadow"></view>
|
||||||
</view>
|
</view>
|
||||||
@ -762,7 +762,7 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
.btn-text {
|
.btn-text {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 22rpx;
|
font-size: 24rpx;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
|
|||||||
@ -110,12 +110,12 @@
|
|||||||
<!-- 底部导航栏 -->
|
<!-- 底部导航栏 -->
|
||||||
<view class="bottom-nav">
|
<view class="bottom-nav">
|
||||||
<view class="nav-item active" @click="goToMyRedemption">
|
<view class="nav-item active" @click="goToMyRedemption">
|
||||||
<view class="nav-icon">💰</view>
|
<!-- <view class="nav-icon">💰</view> -->
|
||||||
<text class="nav-text">我的兑换</text>
|
<text class="nav-text">我的兑换</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="nav-divider"></view>
|
<view class="nav-divider"></view>
|
||||||
<view class="nav-item" @click="goToBuyPoints">
|
<view class="nav-item" @click="goToBuyPoints">
|
||||||
<view class="nav-icon">🛒</view>
|
<!-- <view class="nav-icon">🛒</view> -->
|
||||||
<text class="nav-text">购买积分</text>
|
<text class="nav-text">购买积分</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -530,11 +530,11 @@ onMounted(() => {
|
|||||||
transition: background-color 0.2s ease;
|
transition: background-color 0.2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-item.active {
|
/* .nav-item.active {
|
||||||
background-color: rgba(255, 255, 255, 0.15);
|
background-color: rgba(255, 255, 255, 0.15);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
}
|
} */
|
||||||
|
|
||||||
.nav-icon {
|
.nav-icon {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user