You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
bocai_supplyChain_pc/src/style/index.less

718 lines
12 KiB
Plaintext

4 years ago
@import "http://at.alicdn.com/t/font_3135652_fha9d3mzga5.css";
4 years ago
// 初始化页面样式
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
div {
margin: 0;
padding: 0;
4 years ago
color: #4d575e;
4 years ago
font-family: PingFangSC, PingFangSC-Regular;
}
body,
button,
input,
select,
textarea {
4 years ago
// font: 12px/1.5 tahoma, arial, \5b8b, \4f53;
font-family: PingFangSC, PingFangSC-Regular;
4 years ago
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
address,
cite,
dfn,
em,
var {
font-style: normal;
}
code,
kbd,
pre,
samp {
font-family: couriernew, courier, monospace;
}
small {
font-size: 12px;
}
ul,
ol {
list-style: none;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
text-decoration: none;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
legend {
color: #000;
}
fieldset,
img {
border: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
}
4 years ago
button {
cursor: pointer;
&:focus-visible {
outline: none;
}
4 years ago
}
4 years ago
table {
border-collapse: collapse;
border-spacing: 0;
}
4 years ago
html {
// width: 100%;
}
:root {
overflow-y: auto;
overflow-x: hidden;
}
4 years ago
body {
4 years ago
padding: 0;
4 years ago
// height: 3080px;
4 years ago
// background-color: #eef1f5;
background-color: #f6f6f6;
4 years ago
font-size: 18px;
4 years ago
// width: 100vw;
4 years ago
// text-align: center;
4 years ago
}
p {
font-size: 18px;
}
i {
font-style: normal;
}
4 years ago
//svg图标
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
4 years ago
// 字体图标
// @font-face {
// font-family: "iconfont"; /* Project id 3135652 */
// src: url("../assets/fontfile/iconfont.woff2") format("woff2"),
// url("../assets/fontfile/iconfont.woff") format("woff"),
// url("../assets/fontfile/iconfont.ttf") format("truetype");
// }
// .iconfont {
// font-family: "iconfont" !important;
// font-size: 16px;
// font-style: normal;
// -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale;
// }
// .icon-sousuoxiala:before {
// content: "\e73f";
// }
// .icon-shenfenzheng:before {
// content: "\e740";
// }
// .icon-xiangzuoxuanzhuan:before {
// content: "\e744";
// }
// .icon-xiangyouxuanzhuan:before {
// content: "\e746";
// }
// .icon-rotatexuanzhuan2:before {
// content: "\e6e2";
// }
// .icon-rotatexuanzhuan:before {
// content: "\e6eb";
// }
// .icon-xuanzhuan:before {
// content: "\e652";
// }
// .icon-zhengjian:before {
// content: "\e654";
// }
// .icon-shangchuan:before {
// content: "\e73a";
// }
// .icon-guanbi1:before {
// content: "\e739";
// }
// .icon-yulan:before {
// content: "\e737";
// }
// .icon-rili:before {
// content: "\e736";
// }
// .icon-dingbulogo:before {
// content: "\e71d";
// }
// .icon-weixin1:before {
// content: "\e716";
// }
// .icon-gerenzhongxin-mima:before {
// content: "\e71c";
// }
// .icon-bangdingyinhangka:before {
// content: "\e71b";
// }
// .icon-gerenzhongxin:before {
// content: "\e719";
// }
// .icon-zhanghaoshezhi:before {
// content: "\e71a";
// }
// .icon-gerenzhongxin-bangdingshouji:before {
// content: "\e70c";
// }
// .icon-shimingrenzheng:before {
// content: "\e70d";
// }
// .icon-gongdan:before {
// content: "\e710";
// }
// .icon-yue:before {
// content: "\e711";
// }
// .icon-laoxiang:before {
// content: "\e715";
// }
// .icon-jifen:before {
// content: "\e717";
// }
4 years ago
// .icon-kaquan:before {
// content: "\e718";
// }
4 years ago
// .icon-youjiantou:before {
// content: "\e68c";
// }
4 years ago
// .icon-zanwukaquan:before {
// content: "\e714";
// }
4 years ago
// .icon-zhengyan:before {
// content: "\e712";
// }
4 years ago
// .icon-biyan:before {
// content: "\e713";
// }
4 years ago
// .icon-zhongguoyinhang:before {
// content: "\e70a";
// }
4 years ago
// .icon-zhongyuanyinhang:before {
// content: "\e70b";
// }
4 years ago
// .icon-nongyeyinhang:before {
// content: "\e70f";
// }
4 years ago
// .icon-guanbi:before {
// content: "\e701";
// }
4 years ago
// .icon-guanbishixin:before {
// content: "\e8dc";
// }
4 years ago
// .icon-morentouxiang:before {
// content: "\e700";
// }
4 years ago
// .icon-touxiang:before {
// content: "\e620";
// }
4 years ago
// .icon-xuanzhong:before {
// content: "\e6fe";
// }
4 years ago
// .icon-weixuanzhong:before {
// content: "\e6ff";
// }
4 years ago
// .icon-yigezhuanmenfuwudailidepingtai2:before {
// content: "\e6fa";
// }
4 years ago
// .icon-yigezhuanmenfuwudailidepingtai:before {
// content: "\e6f8";
// }
4 years ago
// .icon-xiala:before {
// content: "\e6f5";
// }
4 years ago
// .icon-sousuo:before {
// content: "\e608";
// }
4 years ago
// .icon-duanxinyanzheng:before {
// content: "\e6f3";
// }
4 years ago
// .icon-shouji:before {
// content: "\e6f2";
// }
4 years ago
// .icon-mima:before {
// content: "\e6f1";
// }
4 years ago
// .icon-yonghuming:before {
// content: "\e6f0";
// }
4 years ago
// .icon-shibai:before {
// content: "\e6ef";
// }
4 years ago
// .icon-chenggong:before {
// content: "\e6ee";
// }
4 years ago
// .icon-weixin:before {
// content: "\e6e9";
// }
4 years ago
// .icon-sologan:before {
// content: "\e6e1";
// }
4 years ago
// .icon-dingwei:before {
// content: "\e6df";
// }
4 years ago
// .icon-yonghu:before {
// content: "\e6e0";
// }
4 years ago
4 years ago
// 公用样式类名
.w {
width: 1200px;
margin: 0 auto;
}
4 years ago
.mb12 {
margin-bottom: 12px;
}
.mt20 {
margin-top: 20px;
}
4 years ago
// 日期选择框
.ant-calendar-picker-container-content {
margin-top: 3px;
4 years ago
// width: 341px !important;
4 years ago
}
.ant-calendar-picker {
border-color: #d9d9d9 !important;
&:hover .ant-calendar-picker-input {
border-color: #d9d9d9 !important;
}
&:focus .ant-calendar-picker-input {
border-color: #d9d9d9 !important;
}
}
// 面包屑样式
.ant-breadcrumb {
.ant-breadcrumb-link {
a:hover {
4 years ago
color: #ff4400;
4 years ago
}
}
}
4 years ago
// 分页器样式
.pagecontainer {
4 years ago
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 30px;
margin-top: 15px;
.ant-pagination-item-container {
.ant-pagination-item-link-icon {
4 years ago
color: #ff4400;
4 years ago
}
}
.ant-pagination-options-quick-jumper {
margin-left: 10px;
font-size: 16px;
}
.ant-pagination-disabled {
a:hover {
color: #c5c5c5 !important;
}
}
.ant-pagination-next,
.ant-pagination-prev {
4 years ago
&:focus .ant-pagination-item-link {
4 years ago
color: #000000a6;
}
4 years ago
&:hover .ant-pagination-item-link {
4 years ago
color: #ff4400;
4 years ago
}
}
input[type="text"] {
box-shadow: none;
border-color: transparent;
&:focus {
4 years ago
border: 1px solid #ff4400;
4 years ago
}
&:hover {
4 years ago
border: 1px solid #ff4400;
4 years ago
}
}
.ant-pagination-item {
border: none;
a:hover {
4 years ago
color: #ff4400;
4 years ago
}
}
.ant-pagination-item-active {
4 years ago
background: #ff4400;
4 years ago
a {
color: white;
}
a:hover {
color: white;
}
}
.ant-pagination-item-link {
border: none;
// &:hover .anticon-right {
4 years ago
// color: #ff4400;
4 years ago
// }
// .anticon-right{
// color: #000000a6;
// }
}
4 years ago
}
4 years ago
4 years ago
.ant-cascader-menus.monthlypay,
4 years ago
.ant-cascader-menus.agestr,
.ant-cascader-menus.gender {
4 years ago
// position: fixed !important;
// border-top: 1px solid #000;
4 years ago
width: 100vw;
margin: 0 auto;
4 years ago
top: 144px !important;
4 years ago
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
4 years ago
transition: none !important;
4 years ago
.ant-cascader-menu {
4 years ago
height: auto;
4 years ago
width: 100%;
4 years ago
.ant-cascader-menu-item {
4 years ago
width: 100%;
text-align: left;
padding-left: calc((100vw - 1200px) / 2) !important ;
4 years ago
&:hover {
background-color: rgba(255, 106, 0, 0.1);
color: rgb(255, 106, 0);
}
}
}
}
4 years ago
.ant-cascader-menus.slide-up-leave-active {
animation: none !important;
transition: none !important;
4 years ago
}
4 years ago
.ant-cascader-menus.slide-up-enter-active {
animation: none !important;
transition: none !important;
4 years ago
}
4 years ago
.ant-cascader-menus.slide-up-leave {
transition: none !important;
animation: none !important;
4 years ago
}
4 years ago
.ant-cascader-menus.slide-up-enter {
animation: none !important;
transition: none !important;
4 years ago
}
4 years ago
.ant-cascader-menus.flitercity {
4 years ago
left: calc((100vw - 1216px) / 2) !important;
4 years ago
top: 70px !important;
4 years ago
border-radius: 0 0 4px 4px !important;
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
4 years ago
4 years ago
.ant-cascader-menu {
4 years ago
height: 500px;
.ant-cascader-menu-item {
4 years ago
width: 100%;
text-align: left;
// padding-left: calc((100vw - 1200px) / 2) !important ;
&:hover {
background-color: rgba(255, 106, 0, 0.1);
color: rgb(255, 106, 0);
}
}
4 years ago
}
4 years ago
}
4 years ago
.logindropdown {
// left: 0;
left: calc((100vw - 1200px) / 2 + 1013px) !important;
.loginbox {
width: 180px;
// height: 114px;
overflow: hidden;
background-color: #fff;
border-radius: 4px;
text-align: center;
box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
padding: 0 16px 16px 16px;
4 years ago
> div {
4 years ago
padding: 16px;
text-align: center;
font-size: 16px;
font-weight: bold;
4 years ago
border-bottom: 1px solid #eee;
4 years ago
}
4 years ago
> a {
> div {
display: flex;
padding: 16px 0;
font-size: 14px;
// font-weight: bold;
justify-content: space-between;
border-bottom: 1px solid #eee;
4 years ago
&:hover {
4 years ago
color: #ff4400;
4 years ago
}
4 years ago
span {
line-height: 18px;
i {
font-size: 18px;
margin-right: 5px;
vertical-align: baseline;
}
}
}
}
4 years ago
button {
width: 130px;
height: 32px;
margin-top: 24px;
border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 17px;
4 years ago
color: #ff4400;
4 years ago
font-size: 14px;
line-height: 32px;
background-color: #fff;
cursor: pointer;
}
}
4 years ago
}
4 years ago
4 years ago
.beforeblock {
4 years ago
display: inline-block;
vertical-align: middle;
margin-top: -4px;
width: 4px;
height: 20px;
margin-right: 8px;
4 years ago
background: #ff4400;
4 years ago
}
h1.bottombox,
p.bottombox {
4 years ago
position: relative;
4 years ago
text-align: center;
// border-bottom: 1px solid #eeefef;
4 years ago
margin-top: 12px;
padding-bottom: 12px;
4 years ago
margin-bottom: 16px;
4 years ago
color: rgba(0, 0, 0, 0.85);
&::after {
content: "";
display: block;
position: absolute;
4 years ago
width: 240px;
4 years ago
height: 1px;
bottom: 0;
left: -20px;
background-color: #eeefef;
}
4 years ago
// i {
// display: inline-block;
// line-height: 20px;
4 years ago
// border-bottom: 3px solid #ff4400;
4 years ago
// padding: 6px 0;
// }
4 years ago
}
4 years ago
.ant-cascader-menu,
.ant-modal-body {
4 years ago
// max-height: 300px !important;
4 years ago
&::-webkit-scrollbar {
/*滚动条整体样式*/
4 years ago
width: 7px; /*高宽分别对应横竖滚动条的尺寸*/
4 years ago
height: 4px;
}
&::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06);
background: rgba(0, 0, 0, 0.1);
}
&::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(112, 112, 112, 0.06);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
4 years ago
}
4 years ago
}
4 years ago
.ant-select-dropdown-menu-item-active ,.ant-select-dropdown-menu-item-selected{
4 years ago
color: #ff4400 !important;
4 years ago
font-weight: normal;
background-color: rgba(255, 106, 0,.1) !important;
}
4 years ago
// 面包屑样式
4 years ago
.ant-breadcrumb {
4 years ago
margin-top: 12px;
4 years ago
.ant-breadcrumb-link {
cursor: default;
}
}
4 years ago
// 媒体查询
@media screen and (max-width: 1910px) {
.loginlogo {
margin: 40px auto !important;
}
}
4 years ago
// 加载中的样式
4 years ago
.ant-spin-dot-item {
background-color: #fda21d;
}
.ant-spin-text {
color: #fda21d;
4 years ago
}
4 years ago
.ant-popover {
.ant-popover-content {
.ant-popover-inner-content {
position: relative;
width: 600px;
white-space: pre-wrap !important;
>div{
position: absolute;
width: 44px;
height: 22px;
right: 10px;
top: 10px;
4 years ago
border: 1px solid #ff4400;
color: #ff4400;
4 years ago
border-radius: 999px;
line-height:22px;
text-align: center;
cursor: pointer;
&:hover {
4 years ago
background-color: #ff4400;
4 years ago
color: #fff;
}
}
}
}
}
.xiangdan{
.ant-modal-content{
width: 600px;
max-height: calc(100vh - 40px);
.ant-modal-body{
padding-top: 36px;
position: relative;
min-height: 480px;
white-space: pre-wrap !important;
// max-height: ;
// background-color: #000;
.copy {
position: absolute;
padding: 0px 12px;
right: 20px;
top: 7px;
font-size: 14px;
4 years ago
border: 1px solid #ff4400;
color: #ff4400;
4 years ago
border-radius: 5px;
line-height: 22px;
text-align: center;
cursor: pointer;
&:hover {
color: #fff;
4 years ago
background-color: #ff4400;
4 years ago
}
}
}
}
}