diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 20d1917d1da341c45e3a4e502a1b7bb86297eae0..4ac5b2b4b3cdcfd496b2400b9a1e03f81fc29df4 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -474,4 +474,20 @@ width: 620px!important; } .bread_crumb1 .is-link { color: #898d9e !important; +} + +/* 应用超市详情页公共样式 */ +.sevice_detail { + max-width: 1200px; + margin: 0 auto; +} +.sevice_breadcrumb > .el-breadcrumb .el-breadcrumb__inner { + font-size: 14px; + font-weight: bold; + color: #898d9e; + line-height: 42px; +} +.sevice_breadcrumb > .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { + color: #242c43; + font-weight: normal; } \ No newline at end of file diff --git a/src/components/application-info.vue b/src/components/application-info.vue index e1100e07043bc210b7f2b1d170ad8b774c7878f8..4e41ab80cc8a773e2fe95b2d3298cb9cba8804d2 100644 --- a/src/components/application-info.vue +++ b/src/components/application-info.vue @@ -1,62 +1,66 @@ @@ -73,13 +77,6 @@ export default { specification: 0, }, }), - computed: { - specificationDescription() { - let obj = - this.data.specifications[this.commodityData.specification] || {}; - return obj.description || ""; - }, - }, methods: { changeSpecification({ value }) { this.commodityData.specification = value; @@ -111,28 +108,29 @@ export default { .main_container-left { padding: 3px; background-color: #f9fafc; - margin-right: 30px; + margin-right: 10px; } .main_container-right { flex-grow: 1; } -.application_title { - display: flex; - justify-content: flex-start; - align-items: center; -} .application_title > .application_name { font-size: 22px; font-weight: bold; color: #0d1847; line-height: 36px; } -.application_base_info { - padding: 18px; +.application_base_container { + display: flex; + justify-content: flex-start; + align-items: flex-end; background-color: #f9fafc; + padding: 18px; + margin-top: 15px; } -.application_base_info > li, -.commodity_information { +.application_base_info:not(:last-child) { + margin-right: 50px; +} +.application_base_info > li { display: flex; justify-content: flex-start; align-items: flex-start; @@ -140,39 +138,37 @@ export default { color: #242c43; line-height: 20px; } -.application_base_info > li:not(:first-child) { - margin-top: 18px; -} -.application_base_info > li > span:first-child, -.commodity_information > span:first-child { +.application_base_info > li > span:first-child { + width: 6em; flex-shrink: 0; white-space: nowrap; color: #8890a7; + text-align: right; +} +.application_base_info > li:not(:first-child) { + margin-top: 20px; } .application_base_info > li > span:nth-child(2) { color: #242c43; } .commodity_information { + display: flex; + justify-content: flex-start; + align-items: flex-start; margin-top: 30px; } -.commodity_information > span:nth-child(2) { - color: #58617a; -} .commodity_information > span:first-child { + flex-shrink: 0; + width: 6em; + font-size: 14px; + color: #8890a7; line-height: 40px; } -.commodity_information > .commodity_text { - flex-grow: 1; - padding: 13px 18px; - background-color: #f9fafc; - border-radius: 5px; -} .commodity_information > .btn_container { margin-bottom: -15px; } -.commodity_information > .btn_container > .el-button, -.commodity_information > .btn_container > .el-input-number { - margin: 0 20px 15px 0; +.commodity_information > .btn_container > .el-button { + margin: 0 30px 15px 0; } .commodity_action { margin-top: 50px; diff --git a/src/components/service-tab-detail.vue b/src/components/service-tab-detail.vue index a3ccd2277ea865b5547dd26a8c2cca938552a2d9..c4323c52146f44a857282203811d60c5090429b5 100644 --- a/src/components/service-tab-detail.vue +++ b/src/components/service-tab-detail.vue @@ -14,8 +14,13 @@

+
diff --git a/src/components/side-nav-bar.vue b/src/components/side-nav-bar.vue index d66d85469e78735932005b02467329cd82bea8a9..c4af1a35c4bec8286dbb9f64ecc1253739d8d9e8 100644 --- a/src/components/side-nav-bar.vue +++ b/src/components/side-nav-bar.vue @@ -9,9 +9,9 @@