CC/ruoyi-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
Leo
2026-02-04 18:21:53 +08:00
parent 9fb2d6a914
commit 444c7954fd
1 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/system/jd-instruction/index.vue
View File

@@ -13,16 +13,15 @@
<el-button type="success" size="medium" @click="run" :loading="loading">执行</el-button> <el-button type="success" size="medium" @click="run" :loading="loading">执行</el-button>
<el-button type="danger" size="medium" @click="clearAll">清空</el-button> <el-button type="danger" size="medium" @click="clearAll">清空</el-button>
<el-button size="warning" @click="fillMan">慢单</el-button> <el-button size="warning" @click="fillMan">慢单</el-button>
<el-button v-if="isMobile" size="primary" @click="fillTF">腾峰</el-button> <el-button size="success" @click="fillSheng">通用格式</el-button>
<el-button v-if="!isMobile" size="success" @click="fillSheng">生</el-button>
</div> </div>
<div class="button-group button-group-secondary"> <div class="button-group button-group-secondary">
<el-button v-if="!isMobile" size="primary" @click="fillTF">腾峰</el-button> <el-button type="primary" size="medium" @click="fillTF">腾峰</el-button>
<el-button v-if="!isMobile" type="primary" size="medium" @click="fillFan">凡</el-button> <el-button type="primary" size="medium" @click="fillFan">凡</el-button>
<el-button v-if="!isMobile" type="primary" size="medium" @click="fillWen">纹</el-button> <!-- <el-button type="primary" size="medium" @click="fillWen">纹</el-button> -->
<el-button v-if="!isMobile" type="primary" size="medium" @click="fillHong">鸿</el-button> <el-button type="primary" size="medium" @click="fillHong">鸿</el-button>
<el-button v-if="!isMobile" type="primary" size="medium" @click="fillPDD">拼多多</el-button> <el-button type="primary" size="medium" @click="fillPDD">拼多多</el-button>
<el-button v-if="!isMobile" type="primary" size="medium" @click="fillPDDWen">拼多多-纹</el-button> <!-- <el-button type="primary" size="medium" @click="fillPDDWen">拼多多-纹</el-button> -->
</div> </div>
</el-form> </el-form>
@@ -741,32 +740,33 @@ export default {
margin-right: 0; margin-right: 0;
} }
/* 移动端按钮优化 */ /* 移动端按钮优化 - 每行显示4个按钮 */
@media (max-width: 768px) { @media (max-width: 768px) {
.button-group { .button-group {
gap: 8px; gap: 6px;
margin-bottom: 12px; margin-bottom: 12px;
display: grid !important; display: grid !important;
width: 100% !important; width: 100% !important;
grid-template-columns: repeat(4, 1fr) !important;
} }
.button-group .el-button { .button-group .el-button {
padding: 12px 8px; padding: 8px 4px;
font-size: 13px; font-size: 12px;
height: 44px; /* 增大触摸目标 */ height: 40px;
line-height: 1.2; line-height: 1.2;
width: 100% !important;
margin: 0 !important; margin: 0 !important;
flex: none !important; flex: none !important;
min-width: 0 !important; min-width: 0 !important;
max-width: 100% !important; max-width: 100% !important;
min-height: 40px;
} }
/* 移动端第一行按钮组（执行、清空、慢单、腾峰）- 每行2个，显示最常用的4个 */ /* 主按钮组：执行、清空、慢单、通用格式 - 一行4个 */
.button-group-primary { .button-group-primary {
display: grid !important; display: grid !important;
grid-template-columns: repeat(2, 1fr) !important; grid-template-columns: repeat(4, 1fr) !important;
gap: 8px !important; gap: 6px !important;
width: 100% !important; width: 100% !important;
} }
@@ -775,15 +775,18 @@ export default {
max-width: 100% !important; max-width: 100% !important;
} }
/* 移动端：将腾峰移到第一组，第二组隐藏 */ /* 次要按钮组：腾峰、凡、纹、鸿、拼多多、拼多多-纹 - 每行4个 */
.button-group-secondary { .button-group-secondary {
display: none !important; display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 6px !important;
width: 100% !important;
} }
.button-group-secondary .el-button { .button-group-secondary .el-button {
width: 100% !important; width: 100% !important;
max-width: 100% !important; max-width: 100% !important;
padding: 10px 4px; padding: 8px 4px;
font-size: 12px; font-size: 12px;
} }