WindowBird/buddhism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

换皮test1.3

Browse Source 
音频图标的水平布局
This commit is contained in:
minimaxagent1 2025-08-06 15:03:05 +08:00
parent a38c896ac4
commit bfafffe6f4
1 changed files with 27 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
pages/nearbystores/index.vue
View File

@ -20,7 +20,7 @@
</view> </view>
<!-- 音频与VR图标 --> <!-- 音频与VR图标 -->
<view class="tubiao"> <view class="tubiao">
<view class=""> <view class="audio-controls">
<image <image
v-if="pageConfig.topIcons.leftIcon.hidden" v-if="pageConfig.topIcons.leftIcon.hidden"
:src="pageConfig.topIcons.leftIcon.img" :src="pageConfig.topIcons.leftIcon.img"
@ -621,29 +621,34 @@ import { getArticleById } from "../../api/article/article.js";
.tubiao{ .tubiao{
width: 100%; width: 100%;
display: flex; display: flex;
padding: 0 30rpx; padding: 0 40rpx;
box-sizing: border-box; box-sizing: border-box;
justify-content: space-between; justify-content: space-between;
view {
image{ .audio-controls {
width: 82rpx; display: flex;
height: 82rpx; align-items: center;
display: block; gap: 26rpx;
margin-top: 50rpx; }
transition: all 0.3s ease;
image{
&:active { width: 82rpx;
transform: scale(0.9); height: 82rpx;
opacity: 0.8; display: block;
} margin-top: 50rpx;
transition: all 0.3s ease;
&.playing {
animation: pulse 2s infinite; &:active {
} transform: scale(0.9);
opacity: 0.8;
&.stopped { }
opacity: 0.6;
} &.playing {
animation: pulse 2s infinite;
}
&.stopped {
opacity: 0.6;
} }
} }
} }