wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

能力集市左侧最大高度修改

This commit is contained in:
gaoyuanwei 2022-06-16 12:11:58 +08:00
parent 466c70e5d6
commit 1cd13ca346
1 changed files with 111 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

222
front/src/views/home/DetailsPageconetent.vue
View File

@ -964,38 +964,38 @@
<style lang="less" scoped> <style lang="less" scoped>
.resultListSearchInput-father { .resultListSearchInput-father {
background: #f3f5f9; background: #f3f5f9;
padding-left: .2rem; padding-left: 0.2rem;
padding-top: .2rem; padding-top: 0.2rem;
.resultListSearchInput-son { .resultListSearchInput-son {
background: #fff; background: #fff;
padding: .2rem .2rem 0rem .3rem; padding: 0.2rem 0.2rem 0rem 0.3rem;
margin-right: .2rem; margin-right: 0.2rem;
.hengxian { .hengxian {
width: 100%; width: 100%;
height: .01rem; height: 0.01rem;
background: rgba(150, 144, 144, 0.3); background: rgba(150, 144, 144, 0.3);
margin-top: .2rem; margin-top: 0.2rem;
} }
} }
} }
.resultListSearchInput { .resultListSearchInput {
margin-left: .1rem; margin-left: 0.1rem;
:deep(.ant-input) { :deep(.ant-input) {
width: 4rem; width: 4rem;
height: .36rem; height: 0.36rem;
background: #fff; background: #fff;
border-radius: .04rem; border-radius: 0.04rem;
} }
:deep(.ant-input-search-button) { :deep(.ant-input-search-button) {
width: .8rem; width: 0.8rem;
height: .36rem; height: 0.36rem;
background: #0087ff; background: #0087ff;
border-radius: .04rem !important; border-radius: 0.04rem !important;
font-size: .14rem; font-size: 0.14rem;
font-weight: 400; font-weight: 400;
color: #fff; color: #fff;
line-height: .34rem; line-height: 0.34rem;
margin-left: .1rem; margin-left: 0.1rem;
} }
:deep(.ant-input-group-addon) { :deep(.ant-input-group-addon) {
left: 0 !important; left: 0 !important;
@ -1004,14 +1004,14 @@
.button-reset { .button-reset {
border: 0; border: 0;
outline: none; outline: none;
width: .8rem; width: 0.8rem;
height: .36rem; height: 0.36rem;
background: #e1edfa; background: #e1edfa;
border-radius: .04rem; border-radius: 0.04rem;
font-size: .14rem; font-size: 0.14rem;
font-weight: 400; font-weight: 400;
color: #0087ff; color: #0087ff;
line-height: .34rem; line-height: 0.34rem;
margin-left: 2.5rem; margin-left: 2.5rem;
cursor: pointer; cursor: pointer;
} }
@ -1022,16 +1022,16 @@
// flex-direction: column; // flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: .67rem; margin-top: 0.67rem;
position: relative; position: relative;
background: rgba(245, 243, 243, 0.3); background: rgba(245, 243, 243, 0.3);
.details-pageconetent-left { .details-pageconetent-left {
max-height: 7.9rem; max-height: 6.9rem;
position: absolute; position: absolute;
width: 2.5rem; width: 2.5rem;
top: .17rem; top: 0.17rem;
left: 2.5rem; left: 2.5rem;
margin-right: .17rem; margin-right: 0.17rem;
overflow: auto; overflow: auto;
} }
.top { .top {
@ -1039,15 +1039,15 @@
position: relative; position: relative;
width: 10.87rem; width: 10.87rem;
display: flex; display: flex;
padding-top: .2rem; padding-top: 0.2rem;
flex-direction: column; flex-direction: column;
// align-items: center; // align-items: center;
font-size: .16rem; font-size: 0.16rem;
justify-content: left; justify-content: left;
margin-left: 2.5rem; margin-left: 2.5rem;
.pagination { .pagination {
background: #f3f5f9; background: #f3f5f9;
padding-bottom: .6rem; padding-bottom: 0.6rem;
} }
.jichusheshi { .jichusheshi {
// display: flex; // display: flex;
@ -1061,9 +1061,9 @@
position: relative; position: relative;
.shuoming { .shuoming {
position: absolute; position: absolute;
right: .2rem; right: 0.2rem;
top: .15rem; top: 0.15rem;
font-size: .12rem; font-size: 0.12rem;
} }
.yunziyuan-title { .yunziyuan-title {
display: flex; display: flex;
@ -1074,7 +1074,7 @@
// background: url('~@/assets/home/yunziyuan.png'); // background: url('~@/assets/home/yunziyuan.png');
} }
.title { .title {
margin-left: .1rem; margin-left: 0.1rem;
font-weight: 600; font-weight: 600;
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
@ -1082,15 +1082,15 @@
} }
.fenlei { .fenlei {
display: flex; display: flex;
margin-left: .2rem; margin-left: 0.2rem;
margin-right: .3rem; margin-right: 0.3rem;
justify-content: space-between; justify-content: space-between;
} }
.keyongziyuan { .keyongziyuan {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-left: .3rem; margin-left: 0.3rem;
margin-right: .3rem; margin-right: 0.3rem;
div { div {
display: flex; display: flex;
div:last-child { div:last-child {
@ -1100,7 +1100,7 @@
} }
} }
.yunziyuan > div { .yunziyuan > div {
margin-bottom: .1rem; margin-bottom: 0.1rem;
} }
.shipin { .shipin {
width: 100%; width: 100%;
@ -1113,7 +1113,7 @@
// background: url('~@/assets/home/shipin.png'); // background: url('~@/assets/home/shipin.png');
} }
.title { .title {
margin-left: .1rem; margin-left: 0.1rem;
font-weight: 600; font-weight: 600;
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
@ -1121,9 +1121,9 @@
} }
.fenlei { .fenlei {
display: flex; display: flex;
margin-left: .2rem; margin-left: 0.2rem;
div { div {
margin-right: .6rem; margin-right: 0.6rem;
} }
.shuzi { .shuzi {
font-weight: 600; font-weight: 600;
@ -1131,41 +1131,41 @@
} }
} }
.shipin > div { .shipin > div {
margin-bottom: .1rem; margin-bottom: 0.1rem;
} }
} }
.jichusheshi > div { .jichusheshi > div {
// background: #eaf4ff; // background: #eaf4ff;
padding-top: .1rem; padding-top: 0.1rem;
border-radius: .04rem; border-radius: 0.04rem;
margin-bottom: .2rem; margin-bottom: 0.2rem;
padding-bottom: .4rem; padding-bottom: 0.4rem;
} }
.shujuziyuan { .shujuziyuan {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-top: .4rem; padding-top: 0.4rem;
.yunziyuan { .yunziyuan {
width: 100%; width: 100%;
position: relative; position: relative;
.shuoming { .shuoming {
position: absolute; position: absolute;
right: .2rem; right: 0.2rem;
top: .15rem; top: 0.15rem;
font-size: .12rem; font-size: 0.12rem;
} }
.yunziyuan-title { .yunziyuan-title {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: .2rem; margin-left: 0.2rem;
.tupian { .tupian {
// width: .51rem; // width: .51rem;
// height: .5rem; // height: .5rem;
// background: url('~@/assets/home/shujuziyuan.png'); // background: url('~@/assets/home/shujuziyuan.png');
} }
.title { .title {
margin-left: .1rem; margin-left: 0.1rem;
font-weight: 600; font-weight: 600;
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
@ -1173,15 +1173,15 @@
} }
.fenlei { .fenlei {
display: flex; display: flex;
margin-left: .2rem; margin-left: 0.2rem;
margin-right: .3rem; margin-right: 0.3rem;
justify-content: space-between; justify-content: space-between;
} }
.keyongziyuan { .keyongziyuan {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-left: .3rem; margin-left: 0.3rem;
margin-right: .3rem; margin-right: 0.3rem;
div { div {
display: flex; display: flex;
div:last-child { div:last-child {
@ -1191,33 +1191,33 @@
} }
} }
.yunziyuan > div { .yunziyuan > div {
margin-bottom: .1rem; margin-bottom: 0.1rem;
} }
} }
.shujuziyuan > div { .shujuziyuan > div {
background: #eaf4ff; background: #eaf4ff;
padding-top: .1rem; padding-top: 0.1rem;
border-radius: .04rem; border-radius: 0.04rem;
margin-bottom: .2rem; margin-bottom: 0.2rem;
padding-bottom: .4rem; padding-bottom: 0.4rem;
} }
.top-title { .top-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-size: .2rem; font-size: 0.2rem;
font-family: 'Alibaba PuHuiTi'; font-family: 'Alibaba PuHuiTi';
color: #000000; color: #000000;
line-height: .34rem; line-height: 0.34rem;
.photo { .photo {
display: inline-block; display: inline-block;
height: .44rem; height: 0.44rem;
width: .44rem; width: 0.44rem;
margin-right: .1rem; margin-right: 0.1rem;
} }
div { div {
margin: 0 .2rem; margin: 0 0.2rem;
padding: 0 .1rem; padding: 0 0.1rem;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1228,19 +1228,19 @@
.sel { .sel {
font-weight: 600; font-weight: 600;
color: #0087ff; color: #0087ff;
border-bottom: .02rem solid #0087ff; border-bottom: 0.02rem solid #0087ff;
} }
} }
.top-content-father { .top-content-father {
width: 10.87rem; width: 10.87rem;
padding-left: .2rem; padding-left: 0.2rem;
// margin-bottom: .2rem; // margin-bottom: .2rem;
background: #f3f5f9; background: #f3f5f9;
.top-content-son { .top-content-son {
background: #fff; background: #fff;
margin: 0rem .2rem .2rem 0rem; margin: 0rem 0.2rem 0.2rem 0rem;
padding-top: .2rem; padding-top: 0.2rem;
padding-bottom: .2rem; padding-bottom: 0.2rem;
} }
.top-content { .top-content {
display: flex; display: flex;
@ -1249,7 +1249,7 @@
display: inline-block; display: inline-block;
position: relative; position: relative;
// width: .7rem; // width: .7rem;
line-height: .3614rem; line-height: 0.3614rem;
white-space: normal; white-space: normal;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
@ -1260,7 +1260,7 @@
.leixingsumfather { .leixingsumfather {
width: 8.1rem; width: 8.1rem;
display: inline-block; display: inline-block;
height: .3014rem; height: 0.3014rem;
overflow: hidden; overflow: hidden;
// width: 7.18rem; // width: 7.18rem;
} }
@ -1271,39 +1271,39 @@
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
margin-top: .05rem; margin-top: 0.05rem;
// margin-bottom: .1rem; // margin-bottom: .1rem;
.ant-tag-checkable { .ant-tag-checkable {
width: .83rem; width: 0.83rem;
height: .25rem; height: 0.25rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-left: .05rem; padding-left: 0.05rem;
padding-right: .05rem; padding-right: 0.05rem;
float: left; float: left;
margin: 0 .15rem; margin: 0 0.15rem;
font-family: 'AlibabaPuHuiTiR'; font-family: 'AlibabaPuHuiTiR';
font-size: .14rem; font-size: 0.14rem;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
line-height: .14rem; line-height: 0.14rem;
} }
:deep(.ant-tag-checkable-checked) { :deep(.ant-tag-checkable-checked) {
// width: .67rem; // width: .67rem;
margin-left: .15rem; margin-left: 0.15rem;
margin-right: .15rem; margin-right: 0.15rem;
text-align: center; text-align: center;
} }
.ant-tag-checkable:active, .ant-tag-checkable:active,
.ant-tag-checkable-checked { .ant-tag-checkable-checked {
width: .85rem; width: 0.85rem;
font-family: 'Alibaba PuHuiTi'; font-family: 'Alibaba PuHuiTi';
font-weight: 500; font-weight: 500;
background-color: #0087ff; background-color: #0087ff;
color: #ffffff; color: #ffffff;
border-radius: .16rem; border-radius: 0.16rem;
} }
} }
.active { .active {
@ -1320,11 +1320,11 @@
} }
} }
.shrinkTag { .shrinkTag {
width: .5rem; width: 0.5rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-end; align-items: flex-end;
margin-bottom: .05rem; margin-bottom: 0.05rem;
span { span {
cursor: pointer; cursor: pointer;
} }
@ -1335,13 +1335,13 @@
} }
.talk-monitor { .talk-monitor {
position: fixed; position: fixed;
bottom: .5rem; bottom: 0.5rem;
right: .1rem; right: 0.1rem;
z-index: 9999; z-index: 9999;
cursor: pointer; cursor: pointer;
i { i {
width: .64rem; width: 0.64rem;
height: .64rem; height: 0.64rem;
display: inline-block; display: inline-block;
background: url('~@/assets/home/icon-talk.png'); background: url('~@/assets/home/icon-talk.png');
background-size: cover; background-size: cover;
@ -1349,21 +1349,21 @@
} }
.top-content-father { .top-content-father {
width: 10.87rem; width: 10.87rem;
padding-left: .2rem; padding-left: 0.2rem;
// margin-bottom: .2rem; // margin-bottom: .2rem;
.top-content { .top-content {
display: flex; display: flex;
margin-top: .23rem; margin-top: 0.23rem;
span:nth-child(1) { span:nth-child(1) {
display: inline-block; display: inline-block;
position: relative; position: relative;
width: .68rem; width: 0.68rem;
font-weight: 600; font-weight: 600;
white-space: normal; white-space: normal;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
font-size: .16rem; font-size: 0.16rem;
margin-left: .3rem; margin-left: 0.3rem;
} }
// .top-content-title { // .top-content-title {
// top: -0.2rem; // top: -0.2rem;
@ -1371,48 +1371,48 @@
.leixingsumfather { .leixingsumfather {
width: 7.7rem; width: 7.7rem;
display: inline-block; display: inline-block;
height: .3014rem; height: 0.3014rem;
overflow: hidden; overflow: hidden;
// width: 7.18rem; // width: 7.18rem;
} }
.leixingsum { .leixingsum {
width: .93rem; width: 0.93rem;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
margin-top: .05rem; margin-top: 0.05rem;
// margin-bottom: .1rem; // margin-bottom: .1rem;
.ant-tag-checkable { .ant-tag-checkable {
width: .85rem; width: 0.85rem;
height: .25rem; height: 0.25rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-left: .05rem; padding-left: 0.05rem;
padding-right: .05rem; padding-right: 0.05rem;
float: left; float: left;
margin: 0 .15rem; margin: 0 0.15rem;
font-family: 'AlibabaPuHuiTiR'; font-family: 'AlibabaPuHuiTiR';
font-size: .14rem; font-size: 0.14rem;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
line-height: .14rem; line-height: 0.14rem;
} }
:deep(.ant-tag-checkable-checked) { :deep(.ant-tag-checkable-checked) {
// width: .67rem; // width: .67rem;
margin-left: .15rem; margin-left: 0.15rem;
margin-right: .15rem; margin-right: 0.15rem;
text-align: center; text-align: center;
} }
.ant-tag-checkable:active, .ant-tag-checkable:active,
.ant-tag-checkable-checked { .ant-tag-checkable-checked {
width: .85rem; width: 0.85rem;
font-family: 'Alibaba PuHuiTi'; font-family: 'Alibaba PuHuiTi';
font-weight: 500; font-weight: 500;
background-color: #0087ff; background-color: #0087ff;
color: #ffffff; color: #ffffff;
border-radius: .16rem; border-radius: 0.16rem;
} }
} }
.active { .active {
@ -1423,7 +1423,7 @@
} }
} }
.top-content:nth-child(1) { .top-content:nth-child(1) {
margin-top: .41rem !important; margin-top: 0.41rem !important;
} }
} }
:deep(.ant-card-grid) { :deep(.ant-card-grid) {