hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 11:56:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

案例换行

Browse Source
This commit is contained in:
lmj
2022-12-28 16:55:40 +08:00
parent a37bfb9d28
commit e0977a70ed
1 changed files with 31 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/views/portal/case/Index.vue
View File

@@ -22,8 +22,10 @@
</div>
<div style="flex:1;">
<div class="field">
<div :class="fielclass ? 'fieldactive' :'' " @click="domainall()">全部</div>
<div style="padding:0;" :class="fielclass ? 'fieldactive' :'' " @click="domainall()">全部</div>
<div class="fieldbox">
<div :class="item.fielclass ? 'fieldactive' :'' " @click="fieldswich(item)" v-for="(item,idx) in domain" :key="'t'+ idx">{{item.name}}</div>
</div>
</div>
<!-- <el-checkbox-group v-model="queryCondition.orgDomain" size="mini" @change="search()">
<el-checkbox-button :label="null">全部</el-checkbox-button>
@@ -36,15 +38,18 @@
<div class="search-item">
<div style="margin-top:10px; display: flex;">
<div style="line-height: 25px;padding-right: 10px;">
<div style="line-height: 25px;padding-right: 10px;white-space: nowrap;">
<!-- <img class="orgaicon" :src="`${webBaseUrl}/images/specimg.png`" alt=""> -->
<span class="item-title" >专业分类</span>
<span class="item-line"></span>
</div>
<div style="flex:1" id="searchBox">
<div style="flex:1;" id="searchBox">
<div class="field">
<div :class="fielclassjor ? 'fieldactive' :'' " @click="majorall()">全部</div>
<div :class="item.fielclass ? 'fieldactive' :'' " @click="fieldmajor(item)" v-for="(item,idx) in speciData" :key="'d'+idx">{{item.name}}</div>
<div style="padding:0;" :class="fielclassjor ? 'fieldactive' :'' " @click="majorall()">全部</div>
<div class="fieldbox">
<div :class="item.fielclass ? 'fieldactive' :'' " @click="fieldmajor(item)" v-for="(item,idx) in speciData" :key="'d'+idx">{{item.name}}</div>
</div>
</div>
<!-- <el-radio-group style="display:flex;" v-model="queryCondition.majorType" size="mini" @change="search()">
<el-radio-button :label="null">全部</el-radio-button>
@@ -942,10 +947,30 @@ export default {
</script>
<style scoped lang="scss">
.field{
.fieldbox{
display: flex;
white-space: nowrap;
flex-wrap: wrap;
div{
padding: 0 15px;
display: inline-block;
font-size: 14px;
line-height: 25px;
color: #3d3d3d;
font-weight: 500;
}
.fieldactive{
color: #387DF7;
}
}
.field{
display: flex;
white-space: nowrap;
// flex-wrap: wrap;
div{
padding: 0 15px;
// display: inline-block;
font-size: 14px;
line-height: 25px;
color: #3d3d3d;