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

master
黄伟杰 2 months ago
parent 15025df2f5
commit b943caa4f9

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

Loading…
Cancel
Save