Skip to content

semour / semour_web

Go to a project
Commit 18996405 by 肖康
Options

深茂

parent 21033739
Expand all
Inline Side-by-side
Showing with 1392 additions and 74 deletions
public/assets/css/common/base.less 0 → 100644
/*全局样式*/
@charset "utf-8";
html,
body,
div,
iframe,
em,
img,
p,
a,
strong,
b,
i,
form,
label,
span,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ol,
ul,
li,
applet,
object,
blockquote,
big,
cite,
code,
del,
dfn,
abbr,
acronym,
address,
pre,
time,
mark,
audio,
video,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
nav,
section,
menu,
button,
input {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align: baseline;
font-weight : normal;
list-style : none;
}
table,
tbody,
tfoot,
thead,
tr,
th,
td {
margin : 0;
padding : 0;
font-size: 100%;
font : inherit;
}
a {
text-decoration: none;
}
table {
border-color: #ccc !important;
}
body,
html,
button,
input {
font-family: Arial, helvetica, PingFangSC-Regular, PingFang SC, "微软雅黑";
}
.clr:after {
visibility: hidden;
display : block;
font-size : 0;
content : " ";
clear : both;
height : 0
}
.clr {
display : block;
min-height: 1%;
}
.clr {
clear: both
}
.clr:after {
content: " ";
display: table;
clear : both
}
.fl {
float: left;
}
.fr {
float: right;
}
.fw {
font-weight: bold;
}
.ta-c {
text-align: center;
}
.ta-r {
text-align: right;
}
.ta-l {
text-align: left;
}
.column {
display : flex;
flex-direction: column;
}
.row {
display : flex;
flex-direction: row;
}
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing : border-box;
}
/* 两侧对齐 */
.bothSide {
justify-content: space-between;
}
/* 平均分布 */
.avarage {
justify-content: space-around;
}
/* 水平居中 */
.rowCenter {
justify-content: center;
}
/* 垂直居中 */
.verCenter {
align-items: center;
}
\ No newline at end of file
public/assets/css/common/base.min.css 0 → 100644
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}
\ No newline at end of file
public/assets/css/common/common.less
/*全局样式*/
@charset "utf-8";
html, body, div, iframe, em, img, p, a, strong, b, i, form, label, span,
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li,
applet, object, blockquote, big, cite, code, del, dfn,
abbr, acronym, address, pre, time, mark, audio, video,
article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, section, menu, button, input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
table, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
}
@import "./base.less";
table {
border-color: #ccc !important;
/**官网顶部**/
.gw-header-top{
background: #F68332;
height:70px;
line-height: 70px;
font-size: 24px;
color:#fff;
position: fixed;
width:100%;
top:0px;
left:0px;
}
body, html, button, input {
color: #666666;
font-size: 12px;
font-family: arical,"微软雅黑", PingFangSC-Regular, PingFang SC;
background: #ccc;
/**官网导航**/
.gw-header-nav{
height: 112px;
background: rgba(255,255,255,0.1);
width:100%;
position: fixed;
top:70px;
left:0px;
.ghn-con{
height:112px;
width:1500px;
margin:0 auto;
a.ghn-logo{
width:463px;
height:44px;
position: relative;
top:32px;
img{width:100%;height:100%;}
}
.ghn-right-box{
position: relative;
top: -30px;
.grb-top{
a{
font-size: 16px;color:#fff;
&.carbc{
position: relative;
span{
position: absolute;
height:24px;
display: block;
width:24px;
background: #E94141;
border-radius: 24px;
color:#fff;
right:-20px;top:-11px;
line-height: 24px;
text-align: center;
font-size: 14px;
}
}
&:hover{
color:#F68332;
}
&.iconbx:hover{
color:#fff;
}
}
.fr{margin-left: 34px;&.clj{position: relative;top:6px;font{color:#fff;letter-spacing: -3px;}}}
i.icon{font-size: 30px;}
}
.grb-bottom{
margin-top:30px;
.oneli{
margin-left: 48px;
transition: all 0.5s;
display: block;
height:40px;
position: relative;
a.onea{
font-size: 20px;color:#fff;
}
.twonav{
position: absolute;
top:38px;
left:-22px;
width: 192px;
padding: 18px 22px;
display: none;
background:rgba(26, 29, 57, 0.8);
.twoli{height:40px;line-height: 40px;}
a.twoa{font-size: 20px;color:#fff;&:hover{color:#F68332;}}
}
&:hover{
&::after{
content: "";
position: absolute;
top:36px;
width: 100%;
height: 5px;
background: #FFFFFF;
border-radius: 2px;
left:0px;
}
.twonav{display: block;}
}
}
}
}
}
}
.clr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.clr {
display: block;
min-height: 1%;
}
/**官网底部**/
.footersm{
background: rgba(31, 104, 242, 0.2);
padding-top: 87px;
padding-bottom: 31px;
.logoftsm{width:262px;height:45px;}
.itemftsm{
color:#fff;font-weight:bold;
margin-left: 107px;
p{font-size: 20px;margin-bottom: 26px;&.row{b{font-size: 16px;font-weight:normal;margin-right: 9px;position: relative;top:5px;}}}
a{font-size: 16px;display: block;cursor: pointer;color:#fff;font-weight:normal;
line-height: 28px;
height:28px;
&:hover{color:#F68332;}
&.fz-14{font-size: 14px;&:hover{color:#fff;}}
}
}
.dpbto{
margin-top: 53px;
font-size: 14px;color:#fff;
i{font-size: 22px;margin-right: 20px;position: relative;top:-3px;&.dflt{margin-left: 53px;}}
}
.clr {
clear: both
}
.clr:after {
content: " ";
display: table;
clear: both
}
.fl {
float: left;
}
.fr {
float: right;
}
\ No newline at end of file
public/assets/css/common/common.min.css
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}table{border-color:#ccc !important}body,html,button,input{color:#666666;font-size:12px;font-family:arical,"微软雅黑",PingFangSC-Regular,PingFang SC;background:#ccc}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}
\ No newline at end of file
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}
\ No newline at end of file
public/assets/css/common/font/demo.css 0 → 100644
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
public/assets/css/common/font/iconfont.css 0 → 100644
@font-face {
font-family: "iconfont"; /* Project id 3734816 */
src: url('iconfont.woff2?t=1666946678822') format('woff2'),
url('iconfont.woff?t=1666946678822') format('woff'),
url('iconfont.ttf?t=1666946678822') format('truetype'),
url('iconfont.svg?t=1666946678822#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-PDF:before {
content: "\e60e";
}
.icon-dizhi:before {
content: "\e60f";
}
.icon-guanbi:before {
content: "\e610";
}
.icon-a-QUALITYCONTROL-danse:before {
content: "\e611";
}
.icon-gouwuche:before {
content: "\e612";
}
.icon-fanhui:before {
content: "\e613";
}
.icon-a-sanjiaoxing-xiantiaofan:before {
content: "\e614";
}
.icon-PROCUREMENT-danse:before {
content: "\e616";
}
.icon-a-sanjiaoxing-xiantiaozheng:before {
content: "\e617";
}
.icon-lansejiantou:before {
content: "\e618";
}
.icon-a-SUPPLYCHAIN-danse:before {
content: "\e619";
}
.icon-shouyesousuo:before {
content: "\e61a";
}
.icon-sousuo-shangcheng:before {
content: "\e61b";
}
.icon-xiazai:before {
content: "\e61c";
}
.icon-zhuyi:before {
content: "\e61d";
}
.icon-wenhao:before {
content: "\e61e";
}
.icon-sanjiaoxing-tianchong:before {
content: "\e61f";
}
.icon-fuzhi:before {
content: "\e620";
}
.icon-youxiang:before {
content: "\e621";
}
.icon-shangchengshouyefenlei-2:before {
content: "\e60b";
}
.icon-shangchengshouyefenlei-3:before {
content: "\e60c";
}
.icon-shangchengshouyefenlei-1:before {
content: "\e60d";
}
.icon-a-QUALITYCONTROL-shuangse:before {
content: "\e603";
}
.icon-PROCUREMENT-shuangse:before {
content: "\e606";
}
public/assets/css/common/font/iconfont.json 0 → 100644
{
"id": "3734816",
"name": "semou",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "semour-icon",
"glyphs": [
{
"icon_id": "32555467",
"name": "PDF",
"font_class": "PDF",
"unicode": "e60e",
"unicode_decimal": 58894
},
{
"icon_id": "32555468",
"name": "地址",
"font_class": "dizhi",
"unicode": "e60f",
"unicode_decimal": 58895
},
{
"icon_id": "32555469",
"name": "关闭",
"font_class": "guanbi",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "32555470",
"name": "QUALITY CONTROL-单色",
"font_class": "a-QUALITYCONTROL-danse",
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "32555471",
"name": "购物车",
"font_class": "gouwuche",
"unicode": "e612",
"unicode_decimal": 58898
},
{
"icon_id": "32555472",
"name": "返回",
"font_class": "fanhui",
"unicode": "e613",
"unicode_decimal": 58899
},
{
"icon_id": "32555473",
"name": "三角形-线条 反",
"font_class": "a-sanjiaoxing-xiantiaofan",
"unicode": "e614",
"unicode_decimal": 58900
},
{
"icon_id": "32555475",
"name": "PROCUREMENT-单色",
"font_class": "PROCUREMENT-danse",
"unicode": "e616",
"unicode_decimal": 58902
},
{
"icon_id": "32555476",
"name": "三角形-线条 正",
"font_class": "a-sanjiaoxing-xiantiaozheng",
"unicode": "e617",
"unicode_decimal": 58903
},
{
"icon_id": "32555477",
"name": "蓝色箭头",
"font_class": "lansejiantou",
"unicode": "e618",
"unicode_decimal": 58904
},
{
"icon_id": "32555478",
"name": "SUPPLY CHAIN-单色",
"font_class": "a-SUPPLYCHAIN-danse",
"unicode": "e619",
"unicode_decimal": 58905
},
{
"icon_id": "32555479",
"name": "首页搜索",
"font_class": "shouyesousuo",
"unicode": "e61a",
"unicode_decimal": 58906
},
{
"icon_id": "32555480",
"name": "搜索-商城",
"font_class": "sousuo-shangcheng",
"unicode": "e61b",
"unicode_decimal": 58907
},
{
"icon_id": "32555481",
"name": "下载",
"font_class": "xiazai",
"unicode": "e61c",
"unicode_decimal": 58908
},
{
"icon_id": "32555482",
"name": "注意",
"font_class": "zhuyi",
"unicode": "e61d",
"unicode_decimal": 58909
},
{
"icon_id": "32555483",
"name": "问号",
"font_class": "wenhao",
"unicode": "e61e",
"unicode_decimal": 58910
},
{
"icon_id": "32555484",
"name": "三角形-填充",
"font_class": "sanjiaoxing-tianchong",
"unicode": "e61f",
"unicode_decimal": 58911
},
{
"icon_id": "32555485",
"name": "复制",
"font_class": "fuzhi",
"unicode": "e620",
"unicode_decimal": 58912
},
{
"icon_id": "32555486",
"name": "邮箱",
"font_class": "youxiang",
"unicode": "e621",
"unicode_decimal": 58913
},
{
"icon_id": "32554047",
"name": "商城首页分类-2",
"font_class": "shangchengshouyefenlei-2",
"unicode": "e60b",
"unicode_decimal": 58891
},
{
"icon_id": "32554048",
"name": "商城首页分类-3",
"font_class": "shangchengshouyefenlei-3",
"unicode": "e60c",
"unicode_decimal": 58892
},
{
"icon_id": "32554049",
"name": "商城首页分类-1",
"font_class": "shangchengshouyefenlei-1",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "32551923",
"name": "QUALITY CONTROL-双色",
"font_class": "a-QUALITYCONTROL-shuangse",
"unicode": "e603",
"unicode_decimal": 58883
},
{
"icon_id": "32551926",
"name": "PROCUREMENT-双色",
"font_class": "PROCUREMENT-shuangse",
"unicode": "e606",
"unicode_decimal": 58886
}
]
}
public/assets/css/common/font/iconfont.ttf 0 → 100644
No preview for this file type
public/assets/css/common/font/iconfont.woff 0 → 100644
No preview for this file type
public/assets/css/common/font/iconfont.woff2 0 → 100644
No preview for this file type
public/assets/css/home/home.less 0 → 100644
.gw-header-nav{
position: fixed;
top:70px;
}
.homepage{
background: #000;;
.floor1{
height:1021px;
width:100%;
background: url("../../images/home/bg1.png") center top no-repeat;
.fl1-con{
padding-top:440px;
width:1200px;
margin:0 auto;
.rtdes{
p{color:#fff;font-size: 60px;}
.p24{font-size: 24px;margin-top:30px;}
}
.fl1botbox{
margin-top:105px;
.ftitem{
width: 390px;
height: 280px;
background:rgba(2, 11, 51, 0.75);
margin-right: 15px;
&.ftlast{margin-right: 0px;}
&:hover{background: rgba(40, 63, 235, 0.75);}
}
}
}
}
.floor2{
height:600px;
background: url("../../images/home/bg2.png") center top no-repeat;
font-size: 24px;
color:#fff;
b{font-size: 40px;}
.f2con{width:500px;margin:0 auto;position: relative;top:260px;width:864px;}
}
.floor3{
padding-top: 4px;
.row{margin-bottom: 1px;}
.itemf3{
height:200px;width:50%;background: #1B2037;color:#fff;
font-size: 30px;
line-height: 200px;
margin-bottom: 1px;
&.trr{padding-left: 122px;}
&.trl{text-align: right;padding-right: 122px;margin-right: 1px;}
b{font-size: 40px;font-weight: bold;margin-right: 10px;}
&:hover{ background: url("../../images/home/subj.png") no-repeat;background-size: 100% 100%;
b{font-size: 100px;font-weight: bold;}
}
}
}
.floor4{
padding-top:60px;
text-align: center;
padding-bottom:60px;
p{font-size: 30px;font-weight: bold;color:#FFf;margin-bottom: 36px;}
.but{
width: 560px;
height: 64px;
line-height: 64px;
background: #283FEB;
color:#fff;
font-size: 22px;
border:2px solid #283FEB;
cursor: pointer;
&.but-lk{
background: none;
margin-left: 39px;
}
}
}
.footfixedcor{
height:160px;
width:100%;
background: rgba(221,221,221,0.8);
color:#fff;
position: fixed;
bottom:0px;
.confotfix{
position: relative;
padding-top:44px;
padding-bottom: 47px;
z-index: 2;
div.textt{width: 656px;font-size: 18px;line-height: 24px;margin-right: 28px;color:#333;}
.but{
text-align: center;
width: 248px;
height: 48px;
line-height: 48px;
background: #283FEB;
color:#fff;
font-size: 20px;
border:1px solid #283FEB;
cursor: pointer;
&.but-lk{
background: none;
margin-right: 20px;
color:#283FEB;
}
}
}
}
}
\ No newline at end of file
public/assets/css/home/home.min.css 0 → 100644
.gw-header-nav{position:fixed;top:70px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:105px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;height:280px;background:rgba(2,11,51,0.75);margin-right:15px}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.homepage .floor2{height:600px;background:url("../../images/home/bg2.png") center top no-repeat;font-size:24px;color:#fff}.homepage .floor2 b{font-size:40px}.homepage .floor2 .f2con{width:500px;margin:0 auto;position:relative;top:260px;width:864px}.homepage .floor3{padding-top:4px}.homepage .floor3 .row{margin-bottom:1px}.homepage .floor3 .itemf3{height:200px;width:50%;background:#1B2037;color:#fff;font-size:30px;line-height:200px;margin-bottom:1px}.homepage .floor3 .itemf3.trr{padding-left:122px}.homepage .floor3 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.homepage .floor3 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.homepage .floor3 .itemf3:hover{background:url("../../images/home/subj.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3:hover b{font-size:100px;font-weight:bold}.homepage .floor4{padding-top:60px;text-align:center;padding-bottom:60px}.homepage .floor4 p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.homepage .floor4 .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.homepage .floor4 .but.but-lk{background:none;margin-left:39px}.homepage .footfixedcor{height:160px;width:100%;background:rgba(221,221,221,0.8);color:#fff;position:fixed;bottom:0px}.homepage .footfixedcor .confotfix{position:relative;padding-top:44px;padding-bottom:47px;z-index:2}.homepage .footfixedcor .confotfix div.textt{width:656px;font-size:18px;line-height:24px;margin-right:28px;color:#333}.homepage .footfixedcor .confotfix .but{text-align:center;width:248px;height:48px;line-height:48px;background:#283FEB;color:#fff;font-size:20px;border:1px solid #283FEB;cursor:pointer}.homepage .footfixedcor .confotfix .but.but-lk{background:none;margin-right:20px;color:#283FEB}
\ No newline at end of file
resources/views/common/css.blade.php
我是css
\ No newline at end of file
<link rel="stylesheet" href="{{$public}}/assets/css/common/common.min.css?v={{time()}}">
<link rel="stylesheet" href="{{$public}}/assets/css/common/font/iconfont.css?v={{time()}}">
\ No newline at end of file
resources/views/common/footersm.blade.php 0 → 100644
<div class="footersm">
<div class="row rowCenter">
<img src="/assets/images/home/smlogo.png" alt="" class="logoftsm">
<div class="itemftsm">
<p>Company</p>
<a href="">About US</a>
<a href="">Certifications</a>
<a href="">IQC Center</a>
</div>
<div class="itemftsm">
<p>Help and Information</p>
<a href="">RFQ Form</a>
<a href="">BOM Tools</a>
<a href="">Exchange & Refund</a>
</div>
<div class="itemftsm">
<p>Legal</p>
<a href="">Terms and Conditions</a>
<a href="">Privacy Policy</a>
<a href="">Terms of Use</a>
</div>
<div class="itemftsm">
<p class="row"><b>A member of</b><img src="/assets/images/home/lxlogo.png" alt="" class="logoftsm2"></p>
<a href="javascript:void(0)" class="fz-14">Copyright © 2022 SEMOUR ELECTRONICS All rights reserved.</a>
</div>
</div>
<div class="row rowCenter dpbto">
<i class="icon iconfont icon-youxiang"></i>
<span>INFO@SEMOUR.COM</span>
<i class="icon iconfont icon-dizhi dflt"></i>
<span>FLOOR 12, SUNBEAM CENTER, 27 SHING YIP STREET, KWUN TONG, KOWLOON, HONG KONG</span>
</div>
</div>
\ No newline at end of file
resources/views/common/headerNav.php 0 → 100644
<div class="gw-header-nav">
<div class="ghn-con clr">
<a class="fl ghn-logo"><img src="/assets/images/home/top.png" alt=""></a>
<div class="fr clr ghn-right-box">
<div class="grb-top clr">
<a href="" class="fr clj">CONTACT US</a>
<div class="fr clj">
<a href="" >Login</a>
<font>/</font>
<a href="">Register</a>
</div>
<a href="" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a>
<a href="" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span>99</span></a>
</div>
<div class="grb-bottom clr">
<ul class="clr onenav">
<li class="oneli fr">
<a href="" class="onea">Quality Inspection</a>
</li>
<li class="oneli fr"><a href="" class="onea">Real-time RFQ</a></li>
<li class="oneli fr"><a href="" class="onea">Online Mall</a></li>
<li class="oneli fr">
<a href="" class="onea">ABOUT US</a>
<ul class="twonav">
<li class="twoli"><a href="" class="twoa">Company Profile</a></li>
<li class="twoli"><a href="" class="twoa">Certification</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
\ No newline at end of file
resources/views/common/headerTOP.blade.php 0 → 100644
<div class="gw-header-top ta-c">
GRAND OPENING OF SEMOUR ELECTRONICS ONLINE STORE. CLICK TO VISIT.
</div>
\ No newline at end of file
resources/views/common/headerg.blade.php deleted 100644 → 0
我是官网头部
\ No newline at end of file
resources/views/common/js.blade.php
我是js
\ No newline at end of file
<script src="{{$public}}/assets/js/common/sea.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/common/jquery-1.8.3.min.js?v={{time()}}"></script>
\ No newline at end of file
resources/views/home/home.blade.php
@extends('layouts.app')
@section('css')
css
<link rel="stylesheet" href="{{$public}}/assets/css/home/home.min.css?v={{time()}}">
@endsection
@section('body')
@include('common.headerg')
官网
@include('common.headerTop')
@include('common.headerNav')
<div class="homepage">
<div class="floor1">
<div class="fl1-con">
<div class="rtdes">
<p>BE THE BEST PART</p>
<p>OF YOURS</p>
<p class="p24">WHY CHOOSE SEMOUR?</p>
</div>
<div class="fl1botbox clr">
<div class="fl ftitem"></div>
<div class="fl ftitem"></div>
<div class="fl ftitem ftlast"></div>
</div>
</div>
</div>
<div class="floor2">
<div class="f2con">
Not only <b>SEMOUR</b> is offering electronic components for your supply chain
<div>But also it is a solution provider for the electronic industrial chain</div>
</div>
</div>
<div class="floor3">
<div class="row">
<div class="itemf3 trl"><b>30+</b>sku</div>
<div class="itemf3 trr"><b>5000+</b>Suppliers</div>
</div>
<div class="row">
<div class="itemf3 trl"><b>3000+</b> Brands</div>
<div class="itemf3 trr"><b>1000+</b>Catalog</div>
</div>
</div>
<div class="floor4">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
<div class="footfixedcor">
<div class="confotfix row rowCenter">
<div class="textt">We’ve updated our privacy policy. Please take a moment to review these changes. By clicking Accept Terms, you agree to Semour Electronics Privacy Policy and Terms of Use. </div>
<div class="but but-lk">READ MORE</div>
<div class="but">ACCEPT TERMS</div>
</div>
</div>
@include('common.footersm')
</div>
@endsection
@section('js')
js
@endsection
......
resources/views/layouts/app.blade.php
......@@ -7,8 +7,8 @@
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title', '深茂官网')title描述</title>
<link rel="stylesheet" href="{{$public}}/assets/css/common/common.min.css?v={$suffixtime}">
<!-- 样式 -->
@include("common.css")
@yield('css')
</head>
<body>
......@@ -16,8 +16,7 @@
@yield('body')
</div>
<!-- JS 脚本 -->
<script src="/assets/js/app.js"></script>
@include("common.js")
@yield('js')
</body>
</html>
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 sign in to comment