feat: 模板区分pc与mobile
This commit is contained in:
220
public/static/index/mobile/css/fonts.css
Executable file
220
public/static/index/mobile/css/fonts.css
Executable file
@@ -0,0 +1,220 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
|
||||
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
|
||||
url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^='icon-'],
|
||||
[class*=' icon-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-Collection:before {
|
||||
content: '\e900';
|
||||
}
|
||||
.icon-culture-P:before {
|
||||
content: '\e901';
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: '\e902';
|
||||
}
|
||||
.icon-in:before {
|
||||
content: '\e903';
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: '\e904';
|
||||
}
|
||||
.icon-youtobe:before {
|
||||
content: '\e905';
|
||||
}
|
||||
.icon-country:before {
|
||||
content: '\e90a';
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: '\e906';
|
||||
}
|
||||
.icon-arrow:before {
|
||||
content: '\e907';
|
||||
}
|
||||
.icon-r-arrow:before {
|
||||
content: '\e907';
|
||||
}
|
||||
.icon-close:before {
|
||||
content: '\e909';
|
||||
}
|
||||
.icon-search:before {
|
||||
content: '\e908';
|
||||
}
|
||||
.icon-B-arrow:before {
|
||||
content: '\e90b';
|
||||
}
|
||||
|
||||
.icon-qq1:before {
|
||||
content: '\e90c';
|
||||
}
|
||||
.icon-wx1:before {
|
||||
content: '\e90d';
|
||||
}
|
||||
.icon-ys1:before {
|
||||
content: '\e90e';
|
||||
}
|
||||
.icon-kf1:before {
|
||||
content: '\e90f';
|
||||
}
|
||||
.icon-top1:before {
|
||||
content: '\e910';
|
||||
}
|
||||
.icon-QQ:before {
|
||||
content: '\e911';
|
||||
color: rgba(0, 0, 0, 0.3);
|
||||
margin-right: 10px;
|
||||
}
|
||||
.icon-xl:before {
|
||||
content: '\e919';
|
||||
}
|
||||
|
||||
.icon-QQ1:before {
|
||||
content: '\e91c';
|
||||
}
|
||||
.icon-PYQ:before {
|
||||
content: '\e91d';
|
||||
}
|
||||
.icon-Under-line:before {
|
||||
content: '\e91e';
|
||||
}
|
||||
.icon-On-line:before {
|
||||
content: '\e91f';
|
||||
}
|
||||
.icon-contect:before {
|
||||
content: '\e920';
|
||||
}
|
||||
.icon-support:before {
|
||||
content: '\e921';
|
||||
}
|
||||
.icon-media:before {
|
||||
content: '\e922';
|
||||
}
|
||||
.icon-join:before {
|
||||
content: '\e923';
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'icomoon01';
|
||||
src: url('fonts-20190124/icomoon.eot?ll2528');
|
||||
src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'),
|
||||
url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
|
||||
url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^='icons-'],
|
||||
[class*=' icons-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon01' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icons-weixin:before {
|
||||
content: '\e903';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-Forum:before {
|
||||
content: '\e900';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-sina:before {
|
||||
content: '\e901';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-toutiao:before {
|
||||
content: '\e902';
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icons-douyin:before {
|
||||
content: '\e904';
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'icomoon02';
|
||||
src: url('fonts/other/icomoon.eot?ujw7hy');
|
||||
src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
|
||||
url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^='icona-'],
|
||||
[class*=' icona-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon02' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icona-zhihu:before {
|
||||
content: '\e904';
|
||||
color: #fff;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'icomoon05';
|
||||
src: url('fonts-20220322/icomoon.eot?cdcz43');
|
||||
src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'),
|
||||
url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
|
||||
url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^='iconb-'],
|
||||
[class*='iconb-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon05' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.iconb-caret-down:before {
|
||||
content: '\e900';
|
||||
}
|
||||
.iconb-caret-up:before {
|
||||
content: '\e901';
|
||||
}
|
||||
34
public/static/index/mobile/css/footer.css
Executable file
34
public/static/index/mobile/css/footer.css
Executable file
@@ -0,0 +1,34 @@
|
||||
.oircoEgapp-foot .logo-white img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.oircoEgapp-foot .m_footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.oircoEgapp-foot .m_footer .left,
|
||||
.oircoEgapp-foot .foot-con {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.oircoEgapp-foot .m_footer .right {
|
||||
max-width: 55%;
|
||||
}
|
||||
.oircoEgapp-foot .m_footer .left {
|
||||
max-width: 40%;
|
||||
justify-content: end;
|
||||
margin-right: 4%;
|
||||
}
|
||||
.oircoEgapp-foot .foot-con span {
|
||||
width: auto;
|
||||
padding: 0 0.625rem;
|
||||
}
|
||||
.oircoEgapp-foot .foot-cate .clearfix li h3 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.oircoEgapp-foot .foot-cate .clearfix li p,
|
||||
.oircoEgapp-foot .foot-cate .clearfix li p a {
|
||||
font-size: 12px;
|
||||
}
|
||||
60
public/static/index/mobile/css/header.css
Executable file
60
public/static/index/mobile/css/header.css
Executable file
@@ -0,0 +1,60 @@
|
||||
.oircoEgapp-head {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
.oircoEgapp-head .headtop {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 1rem;
|
||||
height: 3.5rem;
|
||||
background: #fff;
|
||||
}
|
||||
.oircoEgapp-head .headtop .headerlogimg {
|
||||
width: 8.75rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
.oircoEgapp-head .top-menu {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
color: #000;
|
||||
display: none;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct {
|
||||
font-family: "Montserrat-SemiBold";
|
||||
font-weight: bold;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1 {
|
||||
padding: 1rem 3.5% 0.65rem;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1-more {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 1.5%;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1-more i {
|
||||
font-weight: bold;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1-2 {
|
||||
padding-left: 1rem;
|
||||
font-size: 12px;
|
||||
line-height: 1.8rem;
|
||||
font-weight: 100;
|
||||
font-weight: bold;
|
||||
display: none;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1-2 a {
|
||||
color: #666;
|
||||
}
|
||||
88
public/static/index/mobile/css/public.css
Executable file
88
public/static/index/mobile/css/public.css
Executable file
@@ -0,0 +1,88 @@
|
||||
@font-face {
|
||||
font-family: "Montserrat";
|
||||
src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Montserrat-Bold";
|
||||
src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Montserrat-Medium";
|
||||
src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* font-family: 'Montserrat'; */
|
||||
-ms-overflow-style: none;
|
||||
/* IE 和 Edge */
|
||||
scrollbar-width: none;
|
||||
/* Firefox */
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
*:hover {
|
||||
transition: all 0.2s linear;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1.2em;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
select,
|
||||
input,
|
||||
textarea,
|
||||
button {
|
||||
outline: none;
|
||||
font-size: 0.875rem;
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
color: #414446;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: all 0.2s linear;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul li {
|
||||
/* padding: 2px 0; */
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
a {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Montserrat-SemiBold';
|
||||
}
|
||||
3941
public/static/index/mobile/css/style.css
Executable file
3941
public/static/index/mobile/css/style.css
Executable file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user