按钮样式修改

This commit is contained in:
2024-03-21 10:45:53 +08:00
parent edfbf2b48d
commit 673f6596d6
18 changed files with 380 additions and 268 deletions

View File

@@ -75,27 +75,30 @@
</view>
</view>
</view>
<view class="submit-bar">
<view class="zd-row submitbar">
<!-- <button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_saveCheck">保存</button> -->
<!-- <button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_confirmCheck">确认</button> -->
<button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_checkexception">异常</button>
<button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_checknormal">正常</button>
<button class="submit-button" @tap="_checkQueryDtl(checkCode, val1)">查询</button>
<button class="zd-col-7 btn-submit btn-success letter-30" :class="{'btn-info': !dataList.length}" :disabled="disabled1" @tap="_checkexception">异常</button>
<button class="zd-col-7 btn-submit btn-success letter-30" :class="{'btn-info': !dataList.length}" :disabled="disabled1" @tap="_checknormal">正常</button>
<button class="zd-col-7 btn-submit btn-success letter-30" @tap="_checkQueryDtl(checkCode, val1)">查询</button>
</view>
<view v-show="modelShow" class="msg_wrapper">
<view class="msg_box">
<view class="msg_item">
<view class="filter_label">备注</view>
<view class="filter_input_wraper">
<input type="text" class="msg_input" v-model="val0">
<view class="msg_wrapper h-50" :class="modelShow ? 'popshow' : 'pophide'">
<view class="pop-line"></view>
<view class="msg_content">
<view class="zd_wrapper zd_wrapper-1">
<view class="filter_item filter_item-1">
<view class="filter_label">备注</view>
<view class="filter_input_wraper">
<input type="text" class="filter_input" v-model="val0">
</view>
</view>
</view>
<view class="msg_btns">
<button class="submit-button" @tap="toSurerk">确定</button>
</view>
</view>
<view class="zd-row submitbar">
<button class="zd-col-22 btn-submit btn-success letter-30" @tap="toSurerk">确定</button>
</view>
</view>
<view v-show="modelShow" class="mask"></view>
<view v-show="modelShow" class="msg_mask"></view>
</view>
</template>
@@ -240,86 +243,4 @@
// // left 89rpx
// // z-index 102
// // box-shadow 1px 0 2px rgba(0,0,0,.12)
.msg_wrapper
position fixed
top 0
bottom 0
left 0
right 0
text-align center
z-index 10000
&::after
content ""
display inline-block
height 100%
width 0
vertical-align middle
.msg_box
display inline-block
width calc(100% - 30rpx)
padding 30rpx
vertical-align middle
background-color #fff
border-radius 8rpx
border 1px solid #ebeef5
font-size 36rpx
box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
text-align left
overflow hidden
backface-visibility hidden
.buttonbox
width 100px
height 30px
margin-top 20px
margin 0 auto
.mask
position fixed
top 0
left 0
width 100%
height 100%
opacity .6
background #000
z-index 9999
.msg_item
display flex
justify-content: space-between
align-items: center
width 100%
height 80rpx
line-height 80rpx
margin 0 auto
margin-bottom 14rpx
.label_item
display inline-block
width 180rpx
font-size 32rpx
line-height inherit
color #606266
.from_item
display inline-block
width calc(100% - 200rpx)
line-height inherit
.msg_input
width 100%
height 80rpx
padding 0 30rpx
border-radius 4px
border 1px solid #DCDFE6
font-size 28rpx
line-height 80rpx
color #606266
.msg_btns
width 600rpx
height 70rpx
line-height 70rpx
margin 40rpx auto 0
display flex
justify-content: center
align-items: center
.submit-bar
justify-content space-around
.submit-button
margin-left 20rpx
margin-right 20rpx
</style>