Commit 99e471fc by Tang

feat: 样式调整

parent 624b450a
<template> <template>
<div class="container"> <div class="container marginTop20 mb-4" style="position: relative">
<breadcrumb /> <breadcrumb/>
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<SubNav /> <SubNav/>
</div> </div>
<div class="col-lg-9"> <div class="col-lg-9">
<router-view class="marginTopLg20"></router-view> <router-view></router-view>
</div> </div>
</div> </div>
</div> </div>
......
<template> <template>
<div class="search-tools"> <div class="search-tools_s">
<div class="title">条码信息查询</div> <div class="title">条码信息查询</div>
<div class="tools-wrapper"> <div class="tools-wrapper clearfix">
<div class="tool-card" <div class="tool-card"
v-for="item in tool" v-for="item in tool"
:key="item.name" :key="item.name"
...@@ -54,51 +54,56 @@ export default { ...@@ -54,51 +54,56 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss">
.title { .search-tools_s {
height: 25px;
font-size: 18px;
font-weight: 500;
color: #454545;
line-height: 25px;
margin-bottom: 30px;
}
.tools-wrapper {
min-height: 100%; min-height: 100%;
.tool-card { .title {
cursor: pointer; height: 25px;
width: 194px; font-size: 18px;
height: 210px; font-weight: 500;
background-color: white; color: #454545;
border-radius: 4px; line-height: 25px;
border: 1px solid rgba(197, 216, 238, 0.5);
float: left;
margin-right: 30px;
margin-bottom: 30px; margin-bottom: 30px;
}
.tools-wrapper {
min-height: 100%;
.tool-img { .tool-card {
height: 145px; cursor: pointer;
width: 194px;
height: 210px;
background-color: white;
border-radius: 4px;
border: 1px solid rgba(197, 216, 238, 0.5);
float: left;
margin-right: 30px;
margin-bottom: 30px;
> img { .tool-img {
width: 100%; height: 145px;
height: 100%;
> img {
width: 100%;
height: 100%;
}
} }
}
.tool-name { .tool-name {
height: 65px; height: 65px;
line-height: 65px; line-height: 65px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #0d2c6c; color: #0d2c6c;
text-align: center; text-align: center;
> img { > img {
margin-right: 9px; margin-right: 9px;
}
} }
} }
} }
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment