You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
2.2 KiB
107 lines
2.2 KiB
2 days ago
|
// 提示框组件
|
||
|
|
// .prompt-text {
|
||
|
|
// padding: 8px 13px;
|
||
|
|
// border-radius: 4px;
|
||
|
|
|
||
|
|
// .flex-text {
|
||
|
|
// display: flex;
|
||
|
|
// align-items: center;
|
||
|
|
// align-self: stretch;
|
||
|
|
// justify-content: space-between;
|
||
|
|
// z-index: 1;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .prompt-icon {
|
||
|
|
// width: 16px;
|
||
|
|
// height: 16px;
|
||
|
|
// ;
|
||
|
|
// margin-right: 8px;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .prompt-desc {
|
||
|
|
// color: #1E2226;
|
||
|
|
// letter-spacing: 0.08em;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .prompt-extra {}
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .prompt-text.info {
|
||
|
|
// background: #F2F7FF;
|
||
|
|
// border: 1px solid #BFDAFF;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .prompt-text.notice {
|
||
|
|
// background: #FEFCE8;
|
||
|
|
// border: 1px solid rgba(255, 140, 0, 0.3);
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .prompt-text.warning {
|
||
|
|
// background: #FFF1F0;
|
||
|
|
// border: 1px solid #FFA39E;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// // 实时预览外框组件
|
||
|
|
// .preview-container {
|
||
|
|
// max-width: 800px;
|
||
|
|
// min-width: 300px;
|
||
|
|
// margin: 0 auto;
|
||
|
|
// padding: 24px;
|
||
|
|
// border-radius: 4px;
|
||
|
|
// background: #FAFAFA;
|
||
|
|
|
||
|
|
// .preview_top {
|
||
|
|
// margin-bottom: 20px;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .preview-title {
|
||
|
|
// text-align: center;
|
||
|
|
// color: #1E2226;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .toggle-container {
|
||
|
|
// display: flex;
|
||
|
|
// height: 26px;
|
||
|
|
// justify-content: center;
|
||
|
|
// align-items: center;
|
||
|
|
// padding: 3px 6px;
|
||
|
|
// border-radius: 4px;
|
||
|
|
// background: #F2F3F5;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .toggle-button {
|
||
|
|
// padding: 1px 12px;
|
||
|
|
// border-radius: 2px;
|
||
|
|
// box-sizing: border-box;
|
||
|
|
// cursor: pointer;
|
||
|
|
// transition: all 0.3s ease;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .toggle-button.active {
|
||
|
|
// color: #006AFF;
|
||
|
|
// background: #FFFFFF;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .toggle-button.active:after {
|
||
|
|
// /* content: '';
|
||
|
|
// position: absolute;
|
||
|
|
// bottom: -11px;
|
||
|
|
// left: 0;
|
||
|
|
// width: 100%;
|
||
|
|
// height: 2px;
|
||
|
|
// background-color: #1890ff; */
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .content-container {
|
||
|
|
// /* min-height: 300px;
|
||
|
|
// padding: 20px;
|
||
|
|
// border: 2px solid #ffd700;
|
||
|
|
// border-radius: 4px;
|
||
|
|
// background-color: #fff; */
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .desktop-view,
|
||
|
|
// .mobile-view {
|
||
|
|
// width: 100%;
|
||
|
|
// }
|
||
|
|
// }
|