提交 efe1b623 编写于 作者: huangwensu's avatar huangwensu

组件样式调整

上级 6877a4e5
...@@ -42,6 +42,7 @@ export default { ...@@ -42,6 +42,7 @@ export default {
} }
.content { .content {
margin-top: px2rem(16px); margin-top: px2rem(16px);
line-height: px2rem(14px);
span { span {
display: inline-block; display: inline-block;
font-size: px2rem(14px); font-size: px2rem(14px);
......
...@@ -59,7 +59,8 @@ export default { ...@@ -59,7 +59,8 @@ export default {
.step-item { .step-item {
flex-grow: 1; flex-grow: 1;
text-align: center; text-align: center;
padding-top: px2rem(30px); padding-top: px2rem(20px);
line-height: px2rem(20px);
span { span {
display: inline-block; display: inline-block;
width: px2rem(20px); width: px2rem(20px);
......
...@@ -61,16 +61,19 @@ export default { ...@@ -61,16 +61,19 @@ export default {
margin-top: px2rem(16px); margin-top: px2rem(16px);
.text { .text {
font-size: px2rem(14px); font-size: px2rem(14px);
line-height: px2rem(21px);
color: #676869; color: #676869;
} }
.desc { .desc {
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: px2rem(1px);
background: #fff; background: #fff;
line-height: px2rem(14px);
z-index: 99; z-index: 99;
span { span {
font-size: px2rem(14px); font-size: px2rem(14px);
line-height: px2rem(14px);
color: #449284; color: #449284;
} }
img { img {
......
...@@ -78,6 +78,7 @@ export default { ...@@ -78,6 +78,7 @@ export default {
} }
.leader-text { .leader-text {
margin-left: px2rem(16px); margin-left: px2rem(16px);
line-height: px2rem(14px);
span { span {
font-size: px2rem(16px); font-size: px2rem(16px);
color: #676869; color: #676869;
...@@ -99,13 +100,15 @@ export default { ...@@ -99,13 +100,15 @@ export default {
margin-top: px2rem(16px); margin-top: px2rem(16px);
.text { .text {
font-size: px2rem(14px); font-size: px2rem(14px);
line-height: px2rem(21px);
color: #676869; color: #676869;
} }
.desc { .desc {
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: px2rem(1px);
background: #fff; background: #fff;
line-height: px2rem(14px);
z-index: 99; z-index: 99;
span { span {
font-size: px2rem(14px); font-size: px2rem(14px);
......
...@@ -24,6 +24,7 @@ export default { ...@@ -24,6 +24,7 @@ export default {
} }
.content { .content {
margin-top: px2rem(16px); margin-top: px2rem(16px);
line-height: px2rem(21px);
span { span {
display: inline-block; display: inline-block;
font-size: px2rem(14px); font-size: px2rem(14px);
......
...@@ -60,6 +60,7 @@ export default { ...@@ -60,6 +60,7 @@ export default {
} }
.leader-text { .leader-text {
margin-left: px2rem(16px); margin-left: px2rem(16px);
line-height: px2rem(16px);
span { span {
font-size: px2rem(16px); font-size: px2rem(16px);
color: #676869; color: #676869;
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<!-- 组件详情页面:模块列表及其下面的元件列表 --> <!-- 组件详情页面:模块列表及其下面的元件列表 -->
<div class="page-container-merge"> <div class="page-container-merge">
<CommonNavbar <CommonNavbar
id="header"
:bgColor="bgColor" :bgColor="bgColor"
v-show="isShowNavbar" v-show="isShowNavbar"
:isBlack="isBlack" :isBlack="isBlack"
...@@ -40,8 +41,6 @@ ...@@ -40,8 +41,6 @@
</div> </div>
<CommonSpliteLine></CommonSpliteLine> <CommonSpliteLine></CommonSpliteLine>
<div id="catalogue-content" class="catalogue-content"> <div id="catalogue-content" class="catalogue-content">
<div class="catalogue-title">目录</div>
<div class="catalogue-title">目录</div>
<div class="catalogue-title">目录</div> <div class="catalogue-title">目录</div>
<CellListDetail <CellListDetail
v-if="visibleFlag == 1" v-if="visibleFlag == 1"
...@@ -116,27 +115,16 @@ export default { ...@@ -116,27 +115,16 @@ export default {
attachmentUrl: require("../images/banner-default.png"), attachmentUrl: require("../images/banner-default.png"),
bgColor: "none", bgColor: "none",
navTitle: "项目详情", navTitle: "项目详情",
compTitle: "组件名称", // compTitle: "组件名称",
isShowNavbar: true, isShowNavbar: true,
isFixNavbar: true, isFixNavbar: true,
pointStyle: "activity", pointStyle: "activity",
descTitle: "规定从何处开始选取。如果是负数", descTitle: "规定从何处开始选取。如果是负数",
description:
"必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置那么它规定从数组尾部开始算起的位置那么它规定从数组尾部开始算起的位置那么它规定从数组尾部开始算起的位置。也就是说那么它规定从数组尾部开始算起的位置。也就是说那么它规定从数组尾部开始算起的位置。也就是说那么它规定从数组尾部开始算起的位置。也就是说那么它规定从数组尾部开始算起的位置。" +
" 也就是说那么它规定从数组尾部开始算起的位置。也就是说,必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推第二个元素。",
projectComponentDTOS: [], projectComponentDTOS: [],
actionList: [], actionList: [],
detailNum: 0, detailNum: 0,
visibleFlag: 0, visibleFlag: 0,
courseRequire: 0, courseRequire: 0,
noticeData: {
noticeContent: '',
noticeId: '',
noticeTitle: '',
readFlag: 1 // 已读标识:1已读 2未读
},
isShowNotice: false,
isShowNoticeItem: false,
clientType: 0 clientType: 0
}; };
}, },
...@@ -212,7 +200,8 @@ export default { ...@@ -212,7 +200,8 @@ export default {
this.tabFlag = true; this.tabFlag = true;
this.fixedFlag = true; this.fixedFlag = true;
const intro = document.getElementById('intro-content'); const intro = document.getElementById('intro-content');
const h = intro.offsetTop - 120; const title = document.getElementById('content-title');
const h = intro.offsetTop - 70;
window.scrollTo(0, h); window.scrollTo(0, h);
this.isBlack = true; this.isBlack = true;
this.bgColor = "#fff"; this.bgColor = "#fff";
...@@ -462,11 +451,12 @@ export default { ...@@ -462,11 +451,12 @@ export default {
.intro-catalogue-container { .intro-catalogue-container {
.title { .title {
height: px2rem(50px); height: px2rem(50px);
line-height: px2rem(50px); line-height: px2rem(30px);
padding: 0 px2rem(15px); padding: 0 px2rem(15px);
border-bottom: 1px solid #F0F1F2; border-bottom: 1px solid #F0F1F2;
span { span {
display: inline-block; display: inline-block;
line-height: px2rem(15px);
font-size: px2rem(15px); font-size: px2rem(15px);
color: #979899; color: #979899;
padding-right: px2rem(35px); padding-right: px2rem(35px);
...@@ -478,12 +468,13 @@ export default { ...@@ -478,12 +468,13 @@ export default {
span.focus:after { span.focus:after {
content: ""; content: "";
position: absolute; position: absolute;
left: px2rem(7px);
bottom: px2rem(-10px);
background: #449284; background: #449284;
border: 1px solid #449284; border: 1px solid #449284;
bottom: px2rem(6px);
width: px2rem(10px); width: px2rem(10px);
height: px2rem(2px); height: px2rem(2px);
left: px2rem(7px);
} }
} }
.title.fixed-title { .title.fixed-title {
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册