Skip to content

C
city-portal-ui
Commit 07ca73da authored by 张罗鹏's avatar 张罗鹏
Browse files
Options

上传

parent 13e9ae85
Expand all Show whitespace changes
Inline Side-by-side
Showing with 368 additions and 547 deletions
public/css/base.less
View file @ 07ca73da
...@@ -23,7 +23,7 @@ body, div, h1, h2, h3, h4, h5, h6, html, li, p, ul { ...@@ -23,7 +23,7 @@ body, div, h1, h2, h3, h4, h5, h6, html, li, p, ul {
body { body {
margin: 0; margin: 0;
color: rgba(0,0,0,.65); color: rgba(0,0,0,.65);
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-family: Microsoft YaHei;
font-variant: tabular-nums; font-variant: tabular-nums;
line-height: 1.5; line-height: 1.5;
background-color: #fff; background-color: #fff;
...@@ -45,244 +45,6 @@ body { ...@@ -45,244 +45,6 @@ body {
} }
} }
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{
width:10px;
height:10px;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track{
background: rgba(239, 239, 239,0.5);
border-radius:2px;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb{
background: #bfbfbf;
border-radius:10px;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb:hover{
background: #ccc;
}
@media screen and (max-width: 1236px) and (min-width: 10px){
body {
font-size: 12px;
}
.tab-item {
font-size: 12px!important;
.iconfont {
font-size: 16px!important;
}
}
.gov-content h3 {
font-size: 16px!important;
}
.dh-content-left h2 {
font-size: 15px!important;
}
.dh-content-right h2 {
font-size: 15px!important;
}
.dh-content-wrap .dh-content-left .task-title {
font-size: 13px!important;
}
.ant-menu-inline .ant-menu-submenu-title {
// padding: 0 5px!important;
}
.ant-menu-item {
// padding: 0 5px!important;
}
.header .nav .back .dh-door {
font-size: 12px!important;
}
.seach .text {
font-size: 12px!important;
}
.dh-content-left {
width: 1.46364rem!important;
}
.nav .title {
font-size: 23px;
}
.blank-content img {
width: 100%!important;
}
.gov .gov-content-wrap .gov-item-wrap {
flex-flow: wrap!important;
}
.gov-item {
flex: auto!important;
width: 40%!important;
}
.gov-item h3 {
font-size: 14px!important;
}
.gov-item h3::before {
width: 4px!important;
height: 19px!important;
}
.epidemic_inoculation .vaccines-wrap .vaccines-item-wrap {
flex-wrap: wrap!important;
}
.epidemic_inoculation .vaccines-wrap .vaccines-item {
flex: auto!important;
width: 100%!important;
}
.persuit-item-boss {
width: 100%;
overflow: auto;
}
.trace .persuit-content .persuit-item {
width: 1200px;
}
.epidemic {
h3 {
font-size: 14px!important;
}
}
h4 {
font-size: 14px!important;
}
.trace .persuit-content .inoculate-info .user-info {
flex-flow: wrap;
}
.user-info-box {
width: 50%;
flex: auto!important;
margin-top: 10px;
}
.multiplication .gov-content .gov-item .high-company-list .high-company-detail li {
font-size: 12px!important;
}
.admin-name {
font-size: 16px;
}
.item-dt {
font-size: 14px;
}
.item-dd {
font-size: 12px;
}
.domestic .content-table .item-dt {
background-size: 20px 20px!important;
padding: 0 0 0.06494rem 25px!important;
}
.domestic .circle-content-wrap .circle-content .main-header .main-header-item li {
font-size: 12px!important;
}
.liangshi {
display: flex;
flex-wrap: wrap;
margin-top: 0!important;
.gov-item {
width: 100%!important;
margin: 20px!important;
}
}
.survey .characteristic .characteristic_detail .characteristic_title {
width: 190px!important;
height: 27px!important;
font-size: 14px!important;
background-position: 0% 100%!important;
background-size: 100% 100%!important;
}
.survey .characteristic .characteristic_detail .characteristic_title_blue {
background-position: 0% 100%!important;
background-size: 100% 100%!important;
}
.characteristic_all {
justify-content: space-around;
}
.characteristic {
flex-wrap: wrap;
}
.survey .characteristic .characteristic_detail{
flex: auto!important;
max-width: 50%!important;
width: 50%!important;
}
.survey .characteristic .characteristic_detail_boss {
width: 100%!important;
max-width: 100%!important;
}
.epidemic_inoculation .eco-wrap .eco-item .eco-item-detail .qualilty-wrap-item .item-title {
font-size: 12px!important;
}
.epidemic_inoculation .eco-wrap .eco-item .eco-item-detail .qualilty-wrap-item .item-box {
flex-wrap: wrap;
}
.epidemic_inoculation .eco-wrap-right .eco-item-wrap .item-right .to-do-task-cards .to-do-task-card {
width: 100%!important;
}
.epidemic_inoculation .eco-wrap-right {
overflow: auto;
margin-left: 10px!important;
}
.air {
flex-wrap: wrap;
.air_div {
width: 100%!important;
margin-left: 0!important;
margin-bottom: 20px;
.data-wrap {
// flex: 1!important;
}
}
}
.epidemic_inoculation .eco-wrap .eco-item .air-quality-up-content {
justify-content: space-between!important;
}
.chart {
width: 60%!important;
height: 200px!important;
// flex: 1;
// margin-left: 30px;
}
.meili .complete-box {
width: 31%!important;
}
.survey .infomation div {
font-size: 14px!important;
}
.gov-content {
flex-wrap: wrap;
}
.major-right-table {
width: 1200px!important;
}
.flex-wrap {
flex-wrap: wrap;
.width-50:last-child {
margin-left: 0!important;
}
}
.width-50 {
width: 48%!important;
margin-bottom: 20px!important;
}
.main_txt {
font-size: 12px!important;
}
.epidemic_inoculation .eco-wrap .eco-item .chart_main .main_l {
font-size: 12px;
}
.epidemic_inoculation .eco-wrap .eco-item .chart_main .main_l .main-bar {
font-size: 14px!important;
}
.max-width .dh-top-icon .icon::before {
margin-right: 0!important;
}
.survey-title-text span {
font-size: 14px!important;
}
.pic-price .gov-item {
width: 100%!important;
}
.chart_view {
height: 200px!important;
}
.gov-item {
margin-right: 0!important;
}
}
@font-face { @font-face {
font-family: iconfont; font-family: iconfont;
src: url(../fonts/iconfont.08e8a39c.woff2) format("woff2"), url(../fonts/iconfont.0e3edd63.woff) format("woff"), url(../fonts/iconfont.901c8517.ttf) format("truetype") src: url(../fonts/iconfont.08e8a39c.woff2) format("woff2"), url(../fonts/iconfont.0e3edd63.woff) format("woff"), url(../fonts/iconfont.901c8517.ttf) format("truetype")
......
public/css/demo_index.html
View file @ 07ca73da
This diff is collapsed.
public/css/iconfont.css
View file @ 07ca73da
This diff is collapsed.
public/css/iconfont.js
View file @ 07ca73da
This source diff could not be displayed because it is too large. You can view the blob instead.
public/css/iconfont.json 0 → 100644
View file @ 07ca73da
{
"id": "2944483",
"name": "城市体征图标",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "城市体征图标",
"glyphs": [
{
"icon_id": "25882581",
"name": "富裕城市",
"font_class": "a-1-01",
"unicode": "e602",
"unicode_decimal": 58882
},
{
"icon_id": "845853",
"name": "安全",
"font_class": "anquan",
"unicode": "e681",
"unicode_decimal": 59009
},
{
"icon_id": "1037680",
"name": "企业文化",
"font_class": "qiyewenhua",
"unicode": "e613",
"unicode_decimal": 58899
},
{
"icon_id": "1724889",
"name": "太阳",
"font_class": "taiyang",
"unicode": "e60f",
"unicode_decimal": 58895
},
{
"icon_id": "1985030",
"name": "社会",
"font_class": "shehui",
"unicode": "e642",
"unicode_decimal": 58946
},
{
"icon_id": "4262805",
"name": "经济差",
"font_class": "jinbi",
"unicode": "e621",
"unicode_decimal": 58913
},
{
"icon_id": "5557752",
"name": "智慧城市",
"font_class": "zhihuichengshi",
"unicode": "e60c",
"unicode_decimal": 58892
},
{
"icon_id": "5910684",
"name": "信用",
"font_class": "xinyong",
"unicode": "e700",
"unicode_decimal": 59136
},
{
"icon_id": "6447189",
"name": "零售量",
"font_class": "lingshouliang",
"unicode": "e648",
"unicode_decimal": 58952
},
{
"icon_id": "11200236",
"name": "交通秩序",
"font_class": "orderly",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "11347973",
"name": "社区-漂亮小星星hover",
"font_class": "shequ-piaoliangxiaoxingxinghover",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "12129940",
"name": "动态",
"font_class": "dongtai",
"unicode": "e672",
"unicode_decimal": 58994
},
{
"icon_id": "12899628",
"name": "城市",
"font_class": "chengshi",
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "16985786",
"name": "健康",
"font_class": "jiankang",
"unicode": "e653",
"unicode_decimal": 58963
},
{
"icon_id": "20780980",
"name": "整体智治系统交办任务",
"font_class": "zhengtizhizhixitongjiaobanrenwu",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "23394273",
"name": "重要生态安全区",
"font_class": "zhongyaoshengtaianquanqu",
"unicode": "e63a",
"unicode_decimal": 58938
},
{
"icon_id": "24111588",
"name": "保护",
"font_class": "baohu",
"unicode": "faec",
"unicode_decimal": 64236
}
]
}
public/css/iconfont.svg deleted 100644 → 0
View file @ 13e9ae85
This source diff could not be displayed because it is too large. You can view the blob instead.
public/css/iconfont.ttf
View file @ 07ca73da
No preview for this file type
public/css/iconfont.woff
View file @ 07ca73da
No preview for this file type
public/index.html
View file @ 07ca73da
...@@ -7,74 +7,8 @@ ...@@ -7,74 +7,8 @@
<!-- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> --> <!-- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> -->
<meta name="viewport" content="initial-scale=0.5,maximum-scale=1,user-scalable=no"> <meta name="viewport" content="initial-scale=0.5,maximum-scale=1,user-scalable=no">
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
<script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>
<!-- <script src="https://g.alicdn.com/gdt/jsapi/1.9.12/index.js"></script> -->
<script src='https://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
<link rel="icon" href="<%= BASE_URL %>favicon.ico" /> <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title>定海</title> <title>城市体征门户</title>
<script>
//稳定性监控
try {
const config = {
bid: 'SZDH_zzdpro',
signkey: '1234567890abcdef',
gateway: 'https://wpk-gate.zjzwfw.gov.cn'
};
const wpk = new wpkReporter(config);
wpk.installAll();
window._wpk = wpk;
} catch (err) {
console.error('WpkReporter init fail', err);
}
//通用采集 SDK
(function(w, d, s, q, i) {
w[q] = w[q] || [];
var f = d.getElementsByTagName(s)[0],j = d.createElement(s);
j.async = true;
j.id = 'beacon-aplus';
j.src = 'https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js';
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'aplus_queue');
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn']
});
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn']
});
var u = navigator.userAgent
var isAndroid = u.indexOf('Android') > -1
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']
});
//用户信息埋点
// 如采集用户信息是异步行为需要先执行这个BLOCK埋点
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'BLOCK']
});
//基础埋点
// 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点：
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-waiting', 'MAN']
});
// // 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点
// // 此时被block住的日志会携带上用户信息逐条发出
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'START']
});
</script>
</head> </head>
<body> <body>
......
src/axios/index.js
View file @ 07ca73da
...@@ -5,8 +5,8 @@ import store from '@/store' // progress bar style ...@@ -5,8 +5,8 @@ import store from '@/store' // progress bar style
// import Vue from 'vue'; // import Vue from 'vue';
/* eslint-disable */ /* eslint-disable */
// 默认配置一个api代理转发 // 默认配置一个api代理转发
axios.defaults.baseURL = '/userApi'; // axios.defaults.baseURL = '/userApi';
// axios.defaults.baseURL = '/api'; axios.defaults.baseURL = '/api';
// 跨域请求，允许保存cookie // 跨域请求，允许保存cookie
axios.defaults.withCredentials = true axios.defaults.withCredentials = true
......
src/components/header.vue 0 → 100644
View file @ 07ca73da
<template>
<div class="header">
</div>
</template>
<script>
export default {
props: {
},
data () {
return {
}
},
computed: {
},
methods: {
}
}
</script>
<style lang="less" scoped>
</style>
src/components/header1.vue deleted 100644 → 0
View file @ 13e9ae85
<template>
<div class="header">
<div class="header-one">
<div style="display: flex">
<div @click="gotoGov" style="cursor: pointer;">数字政府</div>
<span v-if="!isHome">
<a-dropdown>
<a class="ant-dropdown-link">
定海<a-icon type="down" style="margin-left: 5px"/>
</a>
<a-menu slot="overlay">
<a-menu-item v-for="(item,index) in list" :key="index">
<div @click="goto(item.url)">{{ item.name }}</div>
</a-menu-item>
</a-menu>
</a-dropdown>
</span>
</div>
<div>
<div class="top-name">
<div class="top-button" @click="gotoHome">数字舟山</div>
<div class="admin-name">{{userInfo.aliasName}}</div>
</div>
</div>
</div>
<div class="header-search" @click="gotoSearch">
请输入关键词
<div class="header-search-button">搜索</div>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { clearStore } from '@/util/store'
export default {
props: {
noSearch: {
type: Boolean,
default: false
},
headerClick: {
type: Boolean,
default: false
},
isHome: {
type: Boolean,
default: false
}
},
data () {
return {
list: [{
name: '舟山',
url: 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
},{
name: '定海',
url: '/gov'
},{
name: '普陀',
url: 'https://szh.putuo.gov.cn:4443/digitgov_index'
},{
name: '岱山',
url: 'https://szgg.daishan.gov.cn:8088/#/dashboard'
},{
name: '嵊泗',
url: 'https://szss.shengsi.gov.cn/portal/?isNum=1'
},{
name: '高新区',
url: 'http://60.163.193.114:8081/#/gov'
},{
name: '普朱',
url: 'http://61.153.218.179:8082/#/govDigital'
},{
name: '新城',
url: 'http://60.163.193.140:8081/#/gov'
},{
name: '金塘',
url: 'http://60.163.193.146:8081/#/govDigital'
},{
name: '六横',
url: 'http://60.163.193.145:8081/#/govDigital'
}]
}
},
computed: {
...mapGetters(['userInfo'])
},
methods: {
gotoSearch () {
this.$router.push({
path: '/search'
})
},
gotoGov () {
// if (this.headerClick) {
this.$router.push({
path: '/gov'
})
// }else{
// this.$router.push({
// path: '/home'
// })
// }
},
gotoHome () {
let herf = 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
// if (this.isHome) {
// // window.location.href = 'https://szzs.zhoushan.gov.cn/portal/#/'
// herf = 'https://szzs.zhoushan.gov.cn/portal/#/'
// } else {
// herf = 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
// }
let ua = navigator.userAgent.toLowerCase()
if((ua.indexOf('dingtalk') >= 0 || !!ua.match(/AppleWebKit.*Mobile.*/) || ua.indexOf('iPad') > -1 || ua.indexOf('ipad') > -1 || ua.indexOf('android') > -1 || ua.indexOf('Adr') > -1)){
dd.openLink({
url: `${herf}?ddtab=true`
}).then(res => {
console.log(res)
}).catch(err => {})
}else{
window.open(herf,'_blank')
}
},
goto (val) {
if( val === '/gov' ){
this.$router.push({
path: '/gov'
})
return false
}
if( val ){
let herf = val
let ua = navigator.userAgent.toLowerCase()
if((ua.indexOf('dingtalk') >= 0 || !!ua.match(/AppleWebKit.*Mobile.*/) || ua.indexOf('iPad') > -1 || ua.indexOf('ipad') > -1 || ua.indexOf('android') > -1 || ua.indexOf('Adr') > -1)){
dd.openLink({
url: `${herf}?ddtab=true`
}).then(res => {
console.log(res)
}).catch(err => {})
}else{
window.open(herf,'_blank')
}
}
},
logout () {
clearStore({
type: 'all'
})
this.$router.push({
path: '/login'
})
}
}
}
</script>
<style lang="less" scoped>
.header {
background: url(/image/header.png);
height: 3rem;
background-size: 100% 100%;
}
.top-name{
display: flex;
font-size: 18px;
align-items: center;
.admin-name{
display: flex;
align-items: center;
font-size: 0.15rem;
letter-spacing: 0.1rem;
&::before{
width: .25974rem;
height: .25974rem;
margin-right: .15rem;
display: inline-block;
background: url(/image/user1.png) no-repeat;
background-size: 100% 100%;
vertical-align: top;
content: "";
}
}
}
.header-one {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.3rem 0.47rem;
div {
font-size: 0.18rem;
color: #FCFCFC;
}
.top-button {
font-size: 0.09rem;
padding: 0.045rem 0.12rem;
background: #25A0F9;
border-radius: 3px;
margin-right: 0.4rem;
cursor: pointer;
}
::v-deep a {
color: white;
font-size: 0.13rem;
margin-left: 10px;
}
}
.header-search {
width: 50%;
margin: 0 auto;
color: rgba(112, 112, 112, 0.5);
padding: 0.08rem 0.18rem;
position: relative;
background: white;
border-radius: 10px;
font-size: 0.1rem;
margin-top: 0.12rem;
cursor: pointer;
.header-search-button {
cursor: pointer;
color: #FFFFFF;
border-radius: 0 10px 10px 0;
background: #FC8F4A;
position: absolute;
top: 0;
right: 0;
height: 100%;
display: flex;
align-items: center;
padding: 0 0.25rem;
font-size: 0.1rem;
}
}
</style>
src/main.js
View file @ 07ca73da
...@@ -2,12 +2,12 @@ import Vue from 'vue'; ...@@ -2,12 +2,12 @@ import Vue from 'vue';
import App from './App.vue'; import App from './App.vue';
import router from './router'; import router from './router';
import store from './store'; import store from './store';
import '../public/css/iconfont.css';
import Antd from 'ant-design-vue'; import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; import 'ant-design-vue/dist/antd.css';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import '../public/css/base.less'; import '../public/css/base.less';
import axios from './axios/index.js' import axios from './axios/index.js'
import '../public/css/iconfont.css';
import VueParticles from 'vue-particles' import VueParticles from 'vue-particles'
Vue.use(VueParticles) Vue.use(VueParticles)
......
src/views/home/components/content.vue 0 → 100644
View file @ 07ca73da
This diff is collapsed.
src/views/home/components/header.vue 0 → 100644
View file @ 07ca73da
<template>
<div class="header">
<div class="header-title">
<div class="header-title-logo">
<img src="/image/logo.png" alt="">
<span>国脉互联城市体征平台</span>
</div>
<div class="header-title-search">
<div class="header-search">
<span>请输入您想要搜索的内容</span>
<span><a-icon type="search" /></span>
</div>
<div class="header-user">
<img src="/image/user.png" alt="">
<span>王俊辉，您好</span>
</div>
</div>
</div>
<div class="header-city">
<img src="/image/header-city.png" alt="">
</div>
<div class="header-tab">
<div class="header-tab-son" style="background: #6DBDFF;">
<img src="/image/title1.png" alt="">
数字经济
</div>
<div class="header-tab-son" style="background: #BB9BFF;">
<img src="/image/title2.png" alt="">
政治建设
</div>
<div class="header-tab-son" style="background: #45D5E8;">
<img src="/image/title3.png" alt="">
数字社会
</div>
<div class="header-tab-son" style="background: #EFCF91;">
<img src="/image/title4.png" alt="">
文化创新
</div>
<div class="header-tab-son" style="background: #FB8D92;">
<img src="/image/title5.png" alt="">
数字生态
</div>
</div>
<div class="jryw">
<div class="jryw-title">
<img src="/IMAGE/jryw.png" alt="">
<div>
<span>市政府第105次常务会议召开</span>
<span>全市疫情防控工作电视电话会议召开</span>
</div>
</div>
<div >更多 ></div>
</div>
</div>
</template>
<script>
export default {
props: {
},
data () {
return {
}
},
computed: {
},
methods: {
}
}
</script>
<style lang="less" scoped>
.header {
padding: 0.125rem 0.26rem;
// min-height: 3rem;
background: linear-gradient(180deg, #467CFF 0%, #F5F5F5 100%);
.header-title {
display: flex;
.header-title-logo {
flex: 1;
display: flex;
align-items: center;
img {
width: 0.26rem;
}
span {
color: #FCFCFC;
font-size: 0.14rem;
letter-spacing: 3px;
margin-left: 13px;
}
}
.header-title-search {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
height: 0.29rem;
.header-search {
background: #FCFCFC;
opacity: 1;
border-radius: 29px;
width: 2.8rem;
height: 100%;
display: flex;
align-items: center;
padding: 0 0.2rem;
padding-right: 0.1rem;
justify-content: space-between;
color: rgba(112, 112, 112, 0.3);
font-size: 0.09rem;
i {
color: rgba(112, 112, 112, 0.8);
font-size: 0.12rem;
}
margin-left: 0.4rem;
}
.header-user {
display: flex;
align-items: center;
span {
color: #FCFCFC;
font-size: 0.125rem;
}
}
img {
width: 0.26rem;
margin-right: 0.135rem;
}
}
}
}
.header-city {
text-align: center;
margin-top: -0.15rem;
img {
width: 60%;
}
}
.header-tab {
display: flex;
color: #FCFCFC;
font-size: 0.15rem;
.header-tab-son {
flex: 1;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 5px;
margin-left: 0.08rem;
padding: 0.16rem 0.3rem;
display: flex;
align-items: center;
&:first-child {
margin-left: 0;
}
img {
margin-right: 0.09rem;
width: 0.45rem;
}
}
}
.jryw {
background: linear-gradient(180deg, #2397F6 0%, #2933B2 100%);
display: flex;
justify-content: space-between;
padding: 0.08rem 0.15rem;
border-radius: 5px;
margin-top: 0.12rem;
align-items: center;
color: #FCFCFC;
font-size: 0.12rem;
font-weight: 400;
.jryw-title {
display: flex;
align-items: center;
color: #FCFCFC;
img {
margin-right: 0.1rem;
width: 0.28rem;
}
div {
span {
&:first-child {
border-left: 2px dotted #FCFCFC;
padding:0.05rem 0.1rem;
}
&:last-child {
border-left: 3px solid #FCFCFC;
padding: 0 0.1rem;
}
}
}
}
}
</style>
src/views/home/index.vue
View file @ 07ca73da
<template> <template>
<div class="about"> <div class="content">
<h1>This is an about 2page</h1> <headers></headers>
<contents></contents>
</div> </div>
</template> </template>
<script> <script>
import headers from './components/header.vue'
import contents from './components/content.vue'
export default { export default {
data() { data() {
return { return {
}; };
}, },
components: {
headers,
contents
},
methods: { methods: {
}, },
mounted() { mounted() {
} }
}; };
</script> </script>
<style lang="less" scoped>
.content {
width: 100%;
min-height: 100vh;
}
</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