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

43
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{
width: 82rpx;
height: 82rpx;
display: block;
margin-top: 50rpx;
transition: all 0.3s ease;
&:active { .audio-controls {
transform: scale(0.9); display: flex;
opacity: 0.8; align-items: center;
} gap: 26rpx;
}
&.playing { image{
animation: pulse 2s infinite; width: 82rpx;
} height: 82rpx;
display: block;
margin-top: 50rpx;
transition: all 0.3s ease;
&.stopped { &:active {
opacity: 0.6; transform: scale(0.9);
} opacity: 0.8;
}
&.playing {
animation: pulse 2s infinite;
}
&.stopped {
opacity: 0.6;
} }
} }
} }