style:管理-页面返回顶部按钮逻辑修改

master
黄伟杰 1 month ago
parent 15025df2f5
commit b943caa4f9

@ -10,15 +10,8 @@
<view class="search-icon">
<text class="iconfont icon-search"></text>
</view>
<input
v-model="menuSearchKeyword"
class="search-input"
type="text"
placeholder="搜索菜单"
placeholder-class="input-placeholder"
@input="handleMenuSearch"
@confirm="handleMenuSearch"
/>
<input v-model="menuSearchKeyword" class="search-input" type="text" placeholder="搜索菜单"
placeholder-class="input-placeholder" @input="handleMenuSearch" @confirm="handleMenuSearch" />
<view v-if="menuSearchKeyword" class="clear-btn" @click="clearMenuSearch">
<text class="clear-icon">×</text>
</view>
@ -33,7 +26,7 @@
</view>
<text class="module-title">生产管控</text>
</view>
<view class="submodule-list">
<view class="submodule-group">
<view class="submodule-header">
@ -132,7 +125,7 @@
</view>
<text class="module-title">设备运维</text>
</view>
<view class="submodule-list">
<view class="submodule-group">
<view class="submodule-header">
@ -221,7 +214,7 @@
</view>
<text class="module-title">模具管理</text>
</view>
<view class="submodule-list">
<view class="submodule-group">
<view class="submodule-header">
@ -302,7 +295,7 @@
</view>
<text class="module-title">基础数据</text>
</view>
<view class="submodule-list">
<view class="submodule-group">
<view class="submodule-header">
@ -346,7 +339,10 @@ const scrollTop = ref(0);
const menuSearchKeyword = ref('');
function goTop() {
scrollTop.value = scrollTop.value === 0 ? 0.1 : 0;
uni.pageScrollTo({
scrollTop: 0,
duration: 300
})
}
function handleMenuSearch() {
@ -387,7 +383,7 @@ function handleClick(name) {
'维修项目': '',
'维修单': ''
};
const url = routeMap[name];
if (url) {
uni.navigateTo({ url });
@ -442,7 +438,7 @@ function handleClick(name) {
.search-icon {
margin-right: 20rpx;
.iconfont {
font-size: 36rpx;
color: #666666;
@ -467,11 +463,11 @@ function handleClick(name) {
display: flex;
align-items: center;
justify-content: center;
&:active {
opacity: 0.7;
}
.clear-icon {
font-size: 36rpx;
color: #999999;
@ -603,11 +599,11 @@ function handleClick(name) {
justify-content: center;
box-shadow: 0 8rpx 24rpx rgba(26, 58, 92, 0.3);
z-index: 999;
&:active {
transform: scale(0.95);
}
.go-top-icon {
font-size: 44rpx;
color: #ffffff;

Loading…
Cancel
Save