admin/zhgdyunapp
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: BUG修改

Browse Source
This commit is contained in:
kun 2024-05-16 21:22:59 +08:00
parent f1834ad2cd
commit dc1d2e2f33
2 changed files with 44 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
pages/projectEnd/specialOperations/specialCheck.vue
View File

@ -6,29 +6,29 @@
</view>
</headers>
<view class="sp-menu">
<view class="menu-item" style="margin-left: 60rpx;" @click="handleNavigateTo(1)">
<view class="menu-item" @click="handleNavigateTo(1)">
<view class="item-icon">
<image src="@/static/specialOperations/fireWork.png" style="width: 50rpx;height: 70rpx;"></image>
<image src="@/static/specialOperations/fireWork.png"></image>
</view>
<view class="item-text">
<text>动火作业</text>
</view>
</view>
<!-- <view class="menu-item" style="margin-right: 60rpx;" @click="handleNavigateTo(2)">
<!-- <view class="menu-item" @click="handleNavigateTo(2)">
<view class="item-icon">
<image src="@/static/specialOperations/limitSpaceWork.png" style="width: 50rpx;height: 50rpx;"></image>
<image src="@/static/specialOperations/limitSpaceWork.png"></image>
</view>
<view class="item-text">
<text>受限空间作业</text>
</view>
</view> -->
<view class="menu-item" style="margin-left: 60rpx;"></view>
<!-- <view class="menu-item" style="margin-left: 60rpx;"></view>
<view class="menu-item" style="margin-left: 60rpx;"></view>
<view class="menu-item" style="margin-right: 60rpx;"></view>
<view class="menu-item" style="margin-left: 60rpx;"></view>
<view class="menu-item" style="margin-right: 60rpx;"></view>
<view class="menu-item" style="margin-left: 60rpx;"></view>
<view class="menu-item" style="margin-right: 60rpx;"></view>
<view class="menu-item" style="margin-right: 60rpx;"></view> -->
</view>
</view>
</template>
@ -61,30 +61,37 @@
z-index: 2;
}
.sp-menu{
margin: 0 38rpx;
margin-top: 138rpx;
width: 100%;
// height: 1200rpx;
// height: 1000rpx;
// background-color: darkred;
display: grid;
grid-gap: 10rpx;
grid-gap: 24rpx;
grid-template-columns: repeat(2, 1fr);
// grid-template-columns: repeat(auto-fill, 220rpx);
place-items: center;
justify-content: center;
// place-items: center;
// justify-content: center;
.menu-item{
width: 220rpx;
// width: 220rpx;
height: 274rpx;
// background-color: darkblue;
box-shadow: 0px 8rpx 15rpx 0px rgba(219,229,255,0.6);
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.item-icon{
width: 220rpx;
height: 220rpx;
// width: 220rpx;
// height: 220rpx;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 14rpx;
image{
width: 220rpx;
height: 220rpx;
width: 66rpx;
height: 86rpx;
}
}
.item-text{

37
pages/projectEnd/specialOperations/specialOperations.vue
View File

@ -6,29 +6,29 @@
</view>
</headers>
<view class="sp-menu">
<view class="menu-item" style="margin-left: 60rpx;" @click="handleNavigateTo(1)">
<view class="menu-item" @click="handleNavigateTo(1)">
<view class="item-icon">
<image src="@/static/specialOperations/fireWork.png" style="width: 50rpx;height: 70rpx;"></image>
<image src="@/static/specialOperations/fireWork.png"></image>
</view>
<view class="item-text">
<text>动火作业</text>
</view>
</view>
<!-- <view class="menu-item" style="margin-right: 60rpx;" @click="handleNavigateTo(2)">
<!-- <view class="menu-item" @click="handleNavigateTo(2)">
<view class="item-icon">
<image src="@/static/specialOperations/limitSpaceWork.png" style="width: 50rpx;height: 50rpx;"></image>
<image src="@/static/specialOperations/limitSpaceWork.png"></image>
</view>
<view class="item-text">
<text>受限空间作业</text>
</view>
</view> -->
<view class="menu-item" style="margin-left: 60rpx;"></view>
<!-- <view class="menu-item" style="margin-left: 60rpx;"></view>
<view class="menu-item" style="margin-left: 60rpx;"></view>
<view class="menu-item" style="margin-right: 60rpx;"></view>
<view class="menu-item" style="margin-left: 60rpx;"></view>
<view class="menu-item" style="margin-right: 60rpx;"></view>
<view class="menu-item" style="margin-left: 60rpx;"></view>
<view class="menu-item" style="margin-right: 60rpx;"></view>
<view class="menu-item" style="margin-right: 60rpx;"></view> -->
</view>
</view>
</template>
@ -61,30 +61,37 @@
z-index: 2;
}
.sp-menu{
margin: 0 38rpx;
margin-top: 138rpx;
width: 100%;
// height: 1200rpx;
// height: 1000rpx;
// background-color: darkred;
display: grid;
grid-gap: 10rpx;
grid-gap: 24rpx;
grid-template-columns: repeat(2, 1fr);
// grid-template-columns: repeat(auto-fill, 220rpx);
place-items: center;
justify-content: center;
// place-items: center;
// justify-content: center;
.menu-item{
width: 220rpx;
// width: 220rpx;
height: 274rpx;
// background-color: darkblue;
box-shadow: 0px 8rpx 15rpx 0px rgba(219,229,255,0.6);
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.item-icon{
width: 220rpx;
height: 220rpx;
// width: 220rpx;
// height: 220rpx;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 14rpx;
image{
width: 220rpx;
height: 220rpx;
width: 66rpx;
height: 86rpx;
}
}
.item-text{