hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-14 13:26: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

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

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