修改申购车筛选显示BUG

This commit is contained in:
a0049873 2022-06-14 12:02:01 +08:00
parent e74c6ded3e
commit 27e9aa34b5
1 changed files with 42 additions and 40 deletions

View File

@ -11,7 +11,7 @@
/> />
<a-button <a-button
type="primary" type="primary"
style="width: 80px; height: 36px; margin-left: 10px" style="width: 0.8rem; height: 0.36rem; margin-left: 0.1rem"
@click="clean" @click="clean"
> >
重置 重置
@ -62,7 +62,7 @@
width="50" width="50"
height="50" height="50"
v-if="item.delFlag == 4 || item.delFlag == 5" v-if="item.delFlag == 4 || item.delFlag == 5"
style="position: absolute; top: 0; left: 100px" style="position: absolute; top: 0; left: 1rem"
> >
<path <path
d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z" d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z"
@ -130,14 +130,14 @@
> >
<a-button <a-button
type="primary" type="primary"
style="width: 70px; height: 32px; margin-left: 10px" style="width: 0.7rem; height: 0.32rem; margin-left: 0.1rem"
> >
删除 删除
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>
<a-button <a-button
type="primary" type="primary"
style="width: 70px; height: 32px; margin-left: 10px" style="width: 0.7rem; height: 0.32rem; margin-left: 0.1rem"
@click="collection" @click="collection"
> >
收藏 收藏
@ -151,7 +151,7 @@
</p> </p>
<a-button <a-button
type="primary" type="primary"
style="width: 100px; height: 32px; margin-left: 30px" style="width: 1rem; height: 0.32rem; margin-left: 0.3rem"
@click="apply" @click="apply"
> >
一键申请 一键申请
@ -227,7 +227,9 @@
getTopCategory().then((res) => { getTopCategory().then((res) => {
console.log('编目一级=============>', res.data) console.log('编目一级=============>', res.data)
res.data.data.forEach((val) => { res.data.data.forEach((val) => {
if (val.name == '应用资源' || val.name == '组件服务') {
tabList.value.push(val.name) tabList.value.push(val.name)
}
}) })
}) })
} }
@ -431,23 +433,23 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.ant-list { .ant-list {
height: 540px; height: 5.4rem;
overflow-y: scroll; overflow-y: scroll;
.ant-list-item-meta { .ant-list-item-meta {
align-items: center; align-items: center;
:deep(.ant-list-item-meta-avatar) { :deep(.ant-list-item-meta-avatar) {
padding-left: 20px; padding-left: 0.2rem;
margin-right: 30px; margin-right: 0.3rem;
} }
.time { .time {
margin-left: 30px; margin-left: 0.3rem;
font-size: 12px; font-size: 0.12rem;
color: #ccc; color: #ccc;
} }
:deep(.ant-list-item-meta-description) { :deep(.ant-list-item-meta-description) {
max-height: 44px; max-height: 0.44rem;
overflow: hidden; overflow: hidden;
margin-right: 10px; margin-right: 0.1rem;
} }
} }
} }
@ -455,12 +457,12 @@
width: 0 !important; width: 0 !important;
} }
.bottom { .bottom {
margin: 10px; margin: 0.1rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.left span { .left span {
margin-left: 10px; margin-left: 0.1rem;
} }
.right { .right {
display: flex; display: flex;
@ -469,63 +471,63 @@
color: #0087ff; color: #0087ff;
} }
.num { .num {
font-size: 20px; font-size: 0.2rem;
} }
button { button {
margin-bottom: 10px; margin-bottom: 0.1rem;
} }
} }
} }
.title { .title {
font-size: 20px; font-size: 0.2rem;
color: #000000; color: #000000;
font-family: 'Alibaba PuHuiTi'; font-family: 'Alibaba PuHuiTi';
font-weight: 500; font-weight: 500;
margin-top: 20px; margin-top: 0.2rem;
margin-left: 20px; margin-left: 0.2rem;
} }
.sousuokuang { .sousuokuang {
margin: 10px 0px 21px 20px; margin: 0.1rem 0rem 0.21rem 0.2rem;
.ant-input-search { .ant-input-search {
max-width: 490px; max-width: 4.9rem;
} }
:deep(.ant-input) { :deep(.ant-input) {
width: 400px; width: 4rem;
height: 36px; height: 0.36rem;
font-size: 14px; font-size: 0.14rem;
color: #b2b2b2; color: #b2b2b2;
background: #f5f5f5; background: #f5f5f5;
} }
:deep(.ant-input-group-addon) { :deep(.ant-input-group-addon) {
display: inline-block; display: inline-block;
margin-left: 10px; margin-left: 0.1rem;
.ant-input-search-button { .ant-input-search-button {
width: 80px; width: 0.8rem;
height: 36px; height: 0.36rem;
border-radius: 4px; border-radius: 0.04rem;
font-size: 14px; font-size: 0.14rem;
} }
} }
} }
.tab { .tab {
margin-top: 10px; margin-top: 0.1rem;
margin-left: 20px; margin-left: 0.2rem;
margin-bottom: 10px; margin-bottom: 0.1rem;
display: flex; display: flex;
font-size: 14px; font-size: 0.14rem;
color: #999999; color: #999999;
div { div {
width: 70px; width: 0.7rem;
height: 24px; height: 0.24rem;
border: 1px solid #cccccc; border: 0.01rem solid #cccccc;
border-radius: 12px; border-radius: 0.12rem;
margin-left: 10px; margin-left: 0.1rem;
text-align: center; text-align: center;
color: #666666; color: #666666;
cursor: pointer; cursor: pointer;
} }
.tabclass { .tabclass {
border: 1px solid #0087ff; border: 0.01rem solid #0087ff;
color: #0087ff; color: #0087ff;
} }
} }