|
|
- @charset "UTF-8";
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .uv-line-1 {
-
-
-
-
-
-
-
- display: -webkit-box !important;
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-all;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical !important;
- }
- .uv-line-2 {
-
-
-
-
-
-
-
- display: -webkit-box !important;
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-all;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical !important;
- }
- .uv-line-3 {
-
-
-
-
-
-
-
- display: -webkit-box !important;
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-all;
- -webkit-line-clamp: 3;
- -webkit-box-orient: vertical !important;
- }
- .uv-line-4 {
-
-
-
-
-
-
-
- display: -webkit-box !important;
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-all;
- -webkit-line-clamp: 4;
- -webkit-box-orient: vertical !important;
- }
- .uv-line-5 {
-
-
-
-
-
-
-
- display: -webkit-box !important;
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-all;
- -webkit-line-clamp: 5;
- -webkit-box-orient: vertical !important;
- }
- .uv-border {
- border-width: 0.5px !important;
- border-color: #dadbde !important;
- border-style: solid;
- }
- .uv-border-top {
- border-top-width: 0.5px !important;
- border-color: #dadbde !important;
- border-top-style: solid;
- }
- .uv-border-left {
- border-left-width: 0.5px !important;
- border-color: #dadbde !important;
- border-left-style: solid;
- }
- .uv-border-right {
- border-right-width: 0.5px !important;
- border-color: #dadbde !important;
- border-right-style: solid;
- }
- .uv-border-bottom {
- border-bottom-width: 0.5px !important;
- border-color: #dadbde !important;
- border-bottom-style: solid;
- }
- .uv-border-top-bottom {
- border-top-width: 0.5px !important;
- border-bottom-width: 0.5px !important;
- border-color: #dadbde !important;
- border-top-style: solid;
- border-bottom-style: solid;
- }
- .uv-reset-button {
- padding: 0;
- background-color: transparent;
-
- font-size: inherit;
- line-height: inherit;
- color: inherit;
- }
- .uv-reset-button::after {
- border: none;
- }
- .uv-hover-class {
- opacity: 0.7;
- }
- .uv-safe-area-inset-top {
- padding-top: 0;
- padding-top: constant(safe-area-inset-top);
- padding-top: env(safe-area-inset-top);
- }
- .uv-safe-area-inset-right {
- padding-right: 0;
- padding-right: constant(safe-area-inset-right);
- padding-right: env(safe-area-inset-right);
- }
- .uv-safe-area-inset-bottom {
- padding-bottom: 0;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- }
- .uv-safe-area-inset-left {
- padding-left: 0;
- padding-left: constant(safe-area-inset-left);
- padding-left: env(safe-area-inset-left);
- }
- ::-webkit-scrollbar {
- display: none;
- width: 0 !important;
- height: 0 !important;
- -webkit-appearance: none;
- background: transparent;
- }
|