88 lines
2.1 KiB
SCSS
88 lines
2.1 KiB
SCSS
// 公用的css类名
|
|
#dify-chatbot-bubble-button {
|
|
background-color: #1C64F2 !important;
|
|
}
|
|
#dify-chatbot-bubble-window {
|
|
width: 24rem !important;
|
|
height: 40rem !important;
|
|
}
|
|
/* 图片默认和外盒字一样大小 */
|
|
.img_reset {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.box_shadow {
|
|
transition: all 0.3s linear;
|
|
&:hover {
|
|
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0,0.2);
|
|
}
|
|
}
|
|
/* 文字超出几行省略号显示 */
|
|
.text-ellipsis {
|
|
text-overflow: -o-ellipsis-lastline;
|
|
overflow: hidden; //溢出内容隐藏
|
|
text-overflow: ellipsis; //文本溢出部分用省略号表示
|
|
display: -webkit-box; //特别显示模式
|
|
-webkit-line-clamp: 2; //行数
|
|
line-clamp: 2;
|
|
-webkit-box-orient: vertical; //盒子中内容竖直排列
|
|
}
|
|
|
|
// 隐藏ie的隐藏滚动条
|
|
.hide_scroll_bar {
|
|
-ms-scroll-chaining: chained;
|
|
-ms-overflow-style: none;
|
|
-ms-content-zooming: zoom;
|
|
-ms-scroll-rails: none;
|
|
-ms-content-zoom-limit-min: 100%;
|
|
-ms-content-zoom-limit-max: 500%;
|
|
-ms-scroll-snap-type: proximity;
|
|
-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
|
|
-ms-overflow-style: none;
|
|
overflow: auto;
|
|
&::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
}
|
|
.rich-text {
|
|
margin-bottom: 1.25rem;
|
|
img {
|
|
width: 100% !important;
|
|
height: auto !important
|
|
}
|
|
p {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.pretty-header {
|
|
height: 59px;
|
|
color: #ffffff;
|
|
text-indent: 1.375rem;
|
|
background: linear-gradient( 180deg, rgba(33,119,244,0.04) 0%, rgba(1,95,232,0.14) 100%);
|
|
border-bottom: 2px solid #0663ea;
|
|
h2 {
|
|
max-width: 19.125rem;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
background: linear-gradient( 180deg, #2177F4 0%, #015FE8 100%);
|
|
font-size: 1rem;
|
|
&::after {
|
|
content: '';
|
|
width: 5.875rem;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
right: -5.8125rem;
|
|
background: url('../image/banner/header-top-line.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: 999;
|
|
}
|
|
}
|
|
}
|
|
|
|
.breadcrumb-item + .breadcrumb-item::before {
|
|
content: '>>';
|
|
} |