6095 lines
182 KiB
CSS
6095 lines
182 KiB
CSS
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.common-icon-container[data-v-6d890098] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
}
|
|||
|
|
.common-icon-container-mobile[data-v-6d890098] {
|
|||
|
|
cursor: none;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-c7c42418]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.avatar-container[data-v-c7c42418] {
|
|||
|
|
position: relative;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
overflow: hidden;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
}
|
|||
|
|
.avatar-container .placeholder[data-v-c7c42418] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background-color: #ececec;
|
|||
|
|
transition: opacity 0.3s, background-color 0.1s ease-out;
|
|||
|
|
}
|
|||
|
|
.avatar-container .placeholder.skeleton-animation[data-v-c7c42418] {
|
|||
|
|
animation: breath-c7c42418 2s linear 0.3s infinite;
|
|||
|
|
}
|
|||
|
|
.avatar-container .placeholder.hidden[data-v-c7c42418] {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
.avatar-container .avatar-image[data-v-c7c42418] {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
@keyframes breath-c7c42418 {
|
|||
|
|
50% {
|
|||
|
|
/* stylelint-disable-next-line scss/no-global-function-names */
|
|||
|
|
background-color: lightgray;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-79409a32]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
min-width: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.simple-message-container[data-v-79409a32] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
}
|
|||
|
|
.simple-message-container .simple-message-avatar[data-v-79409a32] {
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
margin-right: 8px;
|
|||
|
|
}
|
|||
|
|
.simple-message-container .simple-message-sender[data-v-79409a32] {
|
|||
|
|
display: block;
|
|||
|
|
max-width: 200px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
font-size: 11px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.simple-message-container .simple-message-body[data-v-79409a32] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: flex-end;
|
|||
|
|
}
|
|||
|
|
.simple-message-container .simple-message-content[data-v-79409a32] {
|
|||
|
|
margin-top: 8px;
|
|||
|
|
background-color: #dceafd;
|
|||
|
|
border-radius: 0 10px 10px;
|
|||
|
|
padding: 10px 12px;
|
|||
|
|
}
|
|||
|
|
.simple-message-container .timestamp[data-v-79409a32] {
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #aaa;
|
|||
|
|
margin-left: 6px;
|
|||
|
|
}
|
|||
|
|
.simple-message-container .no-padding[data-v-79409a32] {
|
|||
|
|
padding: 0;
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.overlay-container[data-v-fdff2bf0] {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
z-index: 9999;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
.overlay-container .overlay-mask[data-v-fdff2bf0] {
|
|||
|
|
z-index: -1;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|||
|
|
opacity: 0;
|
|||
|
|
transition: opacity 0.15s linear;
|
|||
|
|
animation: fade-in-fdff2bf0 0.15s linear;
|
|||
|
|
}
|
|||
|
|
.overlay-mask.fade-in[data-v-fdff2bf0] {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
@keyframes fade-in-fdff2bf0 {
|
|||
|
|
0% {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-c011f16d]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.drawer[data-v-c011f16d] {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 1;
|
|||
|
|
background-color: #fff;
|
|||
|
|
overflow: hidden;
|
|||
|
|
transition: transform 0.15s ease-out;
|
|||
|
|
}
|
|||
|
|
.drawer .drawer-container[data-v-c011f16d] {
|
|||
|
|
background-color: #fff;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.origin-bottom[data-v-c011f16d] {
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
transform: translateY(100%);
|
|||
|
|
animation: slide-from-bottom-c011f16d 0.15s ease-out;
|
|||
|
|
}
|
|||
|
|
.origin-right[data-v-c011f16d] {
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 0;
|
|||
|
|
transform: translateX(100%);
|
|||
|
|
animation: slide-from-right-c011f16d 0.15s ease-out;
|
|||
|
|
}
|
|||
|
|
.slide-bottom[data-v-c011f16d] {
|
|||
|
|
transform: translateY(0);
|
|||
|
|
}
|
|||
|
|
.slide-right[data-v-c011f16d] {
|
|||
|
|
transform: translateX(0);
|
|||
|
|
}
|
|||
|
|
@keyframes slide-from-bottom-c011f16d {
|
|||
|
|
0% {
|
|||
|
|
transform: translateY(100%);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: translateY(0);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes slide-from-right-c011f16d {
|
|||
|
|
0% {
|
|||
|
|
transform: translateX(100%);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: translateX(0);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-2d2bd7ef]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.message-record-container[data-v-2d2bd7ef] {
|
|||
|
|
padding: 10px 15px;
|
|||
|
|
border: 1px solid #ddd;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
background-color: #fff;
|
|||
|
|
max-width: 400px;
|
|||
|
|
min-width: 180px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.message-record-container .record-abstract-container[data-v-2d2bd7ef] {
|
|||
|
|
color: #bbb;
|
|||
|
|
font-size: 12px;
|
|||
|
|
margin: 8px 0;
|
|||
|
|
}
|
|||
|
|
.message-record-container .record-footer[data-v-2d2bd7ef] {
|
|||
|
|
color: #888;
|
|||
|
|
font-size: 11px;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
border-top: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-6bc34766]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
min-width: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.simple-message-list-container[data-v-6bc34766] {
|
|||
|
|
flex: 1;
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
width: 40vw;
|
|||
|
|
min-width: 550px;
|
|||
|
|
height: calc(100vh - 200px);
|
|||
|
|
background-color: #fff;
|
|||
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|||
|
|
border-radius: 8px;
|
|||
|
|
}
|
|||
|
|
.simple-message-list-container-mobile[data-v-6bc34766] {
|
|||
|
|
width: 100vw;
|
|||
|
|
height: 100vh;
|
|||
|
|
min-width: auto;
|
|||
|
|
border-radius: 0;
|
|||
|
|
}
|
|||
|
|
.simple-message-list-container .header-container[data-v-6bc34766] {
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: bold;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 1;
|
|||
|
|
height: 60px;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 0 70px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.simple-message-list-container .header-container .back[data-v-6bc34766] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.simple-message-list-container .header-container .title[data-v-6bc34766] {
|
|||
|
|
width: 100%;
|
|||
|
|
display: block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.simple-message-list-container .message-list[data-v-6bc34766] {
|
|||
|
|
padding: 60px 20px 20px;
|
|||
|
|
flex: 1 1 auto;
|
|||
|
|
overflow: hidden auto;
|
|||
|
|
}
|
|||
|
|
.message-item[data-v-6bc34766] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
margin: 10px 0;
|
|||
|
|
}
|
|||
|
|
.message-text[data-v-6bc34766] {
|
|||
|
|
flex-flow: row wrap;
|
|||
|
|
display: inline;
|
|||
|
|
}
|
|||
|
|
.message-text-container[data-v-6bc34766] {
|
|||
|
|
display: inline;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
flex-direction: row;
|
|||
|
|
}
|
|||
|
|
.message-text-container .text[data-v-6bc34766] {
|
|||
|
|
vertical-align: bottom;
|
|||
|
|
display: inline;
|
|||
|
|
word-break: break-all;
|
|||
|
|
}
|
|||
|
|
.message-text-container .simple-emoji[data-v-6bc34766] {
|
|||
|
|
display: inline-flex;
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
}
|
|||
|
|
.message-image[data-v-6bc34766] {
|
|||
|
|
max-width: 180px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.message-image .image[data-v-6bc34766] {
|
|||
|
|
max-width: 180px;
|
|||
|
|
}
|
|||
|
|
.message-face[data-v-6bc34766] {
|
|||
|
|
max-width: 100px;
|
|||
|
|
}
|
|||
|
|
.message-face .image[data-v-6bc34766] {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 80px;
|
|||
|
|
}
|
|||
|
|
.message-audio[data-v-6bc34766] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
}
|
|||
|
|
.message-video[data-v-6bc34766] {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.message-video .image[data-v-6bc34766] {
|
|||
|
|
max-width: 180px;
|
|||
|
|
}
|
|||
|
|
.message-video .video-play-icon[data-v-6bc34766] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
}
|
|||
|
|
.message-video .video[data-v-6bc34766] {
|
|||
|
|
max-width: 150px;
|
|||
|
|
width: inherit;
|
|||
|
|
height: inherit;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
}
|
|||
|
|
.message-combine[data-v-6bc34766] {
|
|||
|
|
max-width: 300px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-4c42d719]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.flex-row[data-v-4c42d719] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
}
|
|||
|
|
.application-tips[data-v-4c42d719] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: center;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 5px 0;
|
|||
|
|
font-size: 14px;
|
|||
|
|
background-color: #fce4d3;
|
|||
|
|
}
|
|||
|
|
.application-tips .application-tips-btn[data-v-4c42d719] {
|
|||
|
|
color: #006eff;
|
|||
|
|
cursor: pointer;
|
|||
|
|
margin-left: 12px;
|
|||
|
|
}
|
|||
|
|
.application-contaienr[data-v-4c42d719] {
|
|||
|
|
padding: 50px 18px 10px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden auto;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-header[data-v-4c42d719] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
color: #679ce1;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-item[data-v-4c42d719] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 10px 0;
|
|||
|
|
transition: transform 0.15s ease-out;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-item + .application-item[data-v-4c42d719] {
|
|||
|
|
border-top: 0.5px solid #d0d0d0;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-item .application-item-info[data-v-4c42d719] {
|
|||
|
|
margin-left: 8px;
|
|||
|
|
margin-right: 8px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-item .application-item-info .application-item-nick[data-v-4c42d719] {
|
|||
|
|
display: block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-item .application-item-info .application-item-note[data-v-4c42d719] {
|
|||
|
|
color: #989191;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-item .application-item-operation[data-v-4c42d719] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
margin-left: auto;
|
|||
|
|
padding: 8px;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-item .application-item-operation .agree[data-v-4c42d719] {
|
|||
|
|
color: #679ce1;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .application-item .application-item-operation .reject[data-v-4c42d719] {
|
|||
|
|
margin-left: 12px;
|
|||
|
|
color: #fb355d;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.application-contaienr .removed[data-v-4c42d719] {
|
|||
|
|
transform: translateX(-100%);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-text-container[data-v-e1772b65] {
|
|||
|
|
display: inline;
|
|||
|
|
}
|
|||
|
|
.text-select[data-v-e1772b65] {
|
|||
|
|
-webkit-user-select: text;
|
|||
|
|
user-select: text;
|
|||
|
|
}
|
|||
|
|
.emoji[data-v-e1772b65] {
|
|||
|
|
vertical-align: bottom;
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
}
|
|||
|
|
.text[data-v-e1772b65] {
|
|||
|
|
white-space: pre-wrap;
|
|||
|
|
word-break: break-all;
|
|||
|
|
font-size: 14px;
|
|||
|
|
-webkit-text-size-adjust: none;
|
|||
|
|
text-size-adjust: none;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.image-container[data-v-4e6bf9de] {
|
|||
|
|
position: relative;
|
|||
|
|
background-color: #f4f4f4;
|
|||
|
|
font-size: 0;
|
|||
|
|
}
|
|||
|
|
.image-container .message-image[data-v-4e6bf9de] {
|
|||
|
|
max-width: 150px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-066fcccf]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.message-audio[data-v-066fcccf] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.message-audio .audio-icon-container[data-v-066fcccf] {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 20px;
|
|||
|
|
position: relative;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: flex-end;
|
|||
|
|
margin: 0 7px 0 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.message-audio .audio-icon-container .mask[data-v-066fcccf] {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 1;
|
|||
|
|
width: 105%;
|
|||
|
|
height: 105%;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
transform-origin: right;
|
|||
|
|
transform: scaleX(0);
|
|||
|
|
background-color: #fbfbfb;
|
|||
|
|
}
|
|||
|
|
.message-audio .audio-icon-container .mask.play[data-v-066fcccf] {
|
|||
|
|
animation: audio-play-066fcccf 2s steps(1, end) infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes audio-play-066fcccf {
|
|||
|
|
0% {
|
|||
|
|
transform: scaleX(0.7056);
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scaleX(0.3953);
|
|||
|
|
}
|
|||
|
|
75% {
|
|||
|
|
transform: scaleX(0);
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scaleX(0);
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.message-audio .time[data-v-066fcccf] {
|
|||
|
|
max-width: 165px;
|
|||
|
|
min-width: 20px;
|
|||
|
|
text-align: start;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.message-audio.reserve[data-v-066fcccf] {
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
}
|
|||
|
|
.message-audio.reserve .time[data-v-066fcccf] {
|
|||
|
|
text-align: end;
|
|||
|
|
}
|
|||
|
|
.message-audio.reserve .audio-icon-container[data-v-066fcccf] {
|
|||
|
|
margin: 0 0 0 7px;
|
|||
|
|
}
|
|||
|
|
.message-audio.reserve .audio-icon-container .mask[data-v-066fcccf] {
|
|||
|
|
transform-origin: left;
|
|||
|
|
background-color: #dceafd;
|
|||
|
|
}
|
|||
|
|
.message-audio.reserve .icon[data-v-066fcccf] {
|
|||
|
|
transform: rotate(180deg);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-f3d5b3bc], div[data-v-f3d5b3bc], ul[data-v-f3d5b3bc], ol[data-v-f3d5b3bc], dt[data-v-f3d5b3bc], dd[data-v-f3d5b3bc], li[data-v-f3d5b3bc], dl[data-v-f3d5b3bc], h1[data-v-f3d5b3bc], h2[data-v-f3d5b3bc], h3[data-v-f3d5b3bc], h4[data-v-f3d5b3bc], p[data-v-f3d5b3bc] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-f3d5b3bc], ul[data-v-f3d5b3bc], li[data-v-f3d5b3bc] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-f3d5b3bc] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-f3d5b3bc] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-f3d5b3bc] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-f3d5b3bc] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-f3d5b3bc]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-f3d5b3bc], uni-textarea[data-v-f3d5b3bc] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-f3d5b3bc]:focus, uni-input[data-v-f3d5b3bc]:active, uni-textarea[data-v-f3d5b3bc]:focus, uni-textarea[data-v-f3d5b3bc]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-f3d5b3bc] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.file-message-montainer[data-v-f3d5b3bc] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.file-message-montainer .file-icon[data-v-f3d5b3bc] {
|
|||
|
|
margin: auto 8px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-4ad96015], div[data-v-4ad96015], ul[data-v-4ad96015], ol[data-v-4ad96015], dt[data-v-4ad96015], dd[data-v-4ad96015], li[data-v-4ad96015], dl[data-v-4ad96015], h1[data-v-4ad96015], h2[data-v-4ad96015], h3[data-v-4ad96015], h4[data-v-4ad96015], p[data-v-4ad96015] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-4ad96015], ul[data-v-4ad96015], li[data-v-4ad96015] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-4ad96015] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-4ad96015] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-4ad96015] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-4ad96015] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-4ad96015]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-4ad96015], uni-textarea[data-v-4ad96015] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-4ad96015]:focus, uni-input[data-v-4ad96015]:active, uni-textarea[data-v-4ad96015]:focus, uni-textarea[data-v-4ad96015]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-4ad96015] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.message-image[data-v-4ad96015] {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 80px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-abd5dfdc], div[data-v-abd5dfdc], ul[data-v-abd5dfdc], ol[data-v-abd5dfdc], dt[data-v-abd5dfdc], dd[data-v-abd5dfdc], li[data-v-abd5dfdc], dl[data-v-abd5dfdc], h1[data-v-abd5dfdc], h2[data-v-abd5dfdc], h3[data-v-abd5dfdc], h4[data-v-abd5dfdc], p[data-v-abd5dfdc] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-abd5dfdc], ul[data-v-abd5dfdc], li[data-v-abd5dfdc] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-abd5dfdc] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-abd5dfdc] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-abd5dfdc] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-abd5dfdc] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-abd5dfdc]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-abd5dfdc], uni-textarea[data-v-abd5dfdc] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-abd5dfdc]:focus, uni-input[data-v-abd5dfdc]:active, uni-textarea[data-v-abd5dfdc]:focus, uni-textarea[data-v-abd5dfdc]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-abd5dfdc] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
a[data-v-abd5dfdc] {
|
|||
|
|
color: #679ce1;
|
|||
|
|
}
|
|||
|
|
.custom[data-v-abd5dfdc] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.custom h1[data-v-abd5dfdc] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
.custom h1[data-v-abd5dfdc],
|
|||
|
|
.custom a[data-v-abd5dfdc],
|
|||
|
|
.custom p[data-v-abd5dfdc] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.custom .evaluate ul[data-v-abd5dfdc] {
|
|||
|
|
display: flex;
|
|||
|
|
padding: 10px 0;
|
|||
|
|
}
|
|||
|
|
.custom .evaluate-list[data-v-abd5dfdc] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
}
|
|||
|
|
.custom .evaluate-list-item[data-v-abd5dfdc] {
|
|||
|
|
padding: 0 2px;
|
|||
|
|
}
|
|||
|
|
.custom .order[data-v-abd5dfdc] {
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.custom .order main[data-v-abd5dfdc] {
|
|||
|
|
padding-left: 5px;
|
|||
|
|
}
|
|||
|
|
.custom .order main p[data-v-abd5dfdc] {
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
width: 145px;
|
|||
|
|
line-height: 17px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #999;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
margin-bottom: 6px;
|
|||
|
|
word-break: break-word;
|
|||
|
|
}
|
|||
|
|
.custom .order main span[data-v-abd5dfdc] {
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
line-height: 25px;
|
|||
|
|
color: #ff7201;
|
|||
|
|
}
|
|||
|
|
.custom .order img[data-v-abd5dfdc] {
|
|||
|
|
width: 67px;
|
|||
|
|
height: 67px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-9169fd29], div[data-v-9169fd29], ul[data-v-9169fd29], ol[data-v-9169fd29], dt[data-v-9169fd29], dd[data-v-9169fd29], li[data-v-9169fd29], dl[data-v-9169fd29], h1[data-v-9169fd29], h2[data-v-9169fd29], h3[data-v-9169fd29], h4[data-v-9169fd29], p[data-v-9169fd29] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-9169fd29], ul[data-v-9169fd29], li[data-v-9169fd29] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-9169fd29] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-9169fd29] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-9169fd29] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-9169fd29] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-9169fd29]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-9169fd29], uni-textarea[data-v-9169fd29] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-9169fd29]:focus, uni-input[data-v-9169fd29]:active, uni-textarea[data-v-9169fd29]:focus, uni-textarea[data-v-9169fd29]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-9169fd29] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.message-tip[data-v-9169fd29] {
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding: 0 20px;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
overflow-wrap: anywhere;
|
|||
|
|
display: flex;
|
|||
|
|
place-content: center center;
|
|||
|
|
align-items: center;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.message-tip-highlight[data-v-9169fd29] {
|
|||
|
|
animation: highlight-9169fd29 1000ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes highlight-9169fd29 {
|
|||
|
|
50% {
|
|||
|
|
color: #ff9c19;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes highlight-9169fd29 {
|
|||
|
|
50% {
|
|||
|
|
color: #ff9c19;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-label[data-v-bb856aa1] {
|
|||
|
|
align-self: flex-end;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #b6b8ba;
|
|||
|
|
word-break: keep-all;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
}
|
|||
|
|
.message-label.unread[data-v-bb856aa1] {
|
|||
|
|
color: #679ce1 !important;
|
|||
|
|
}
|
|||
|
|
.finger-point[data-v-bb856aa1] {
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.reference-content[data-v-3506872c] {
|
|||
|
|
max-width: 272px;
|
|||
|
|
margin-top: 4px;
|
|||
|
|
margin-left: 44px;
|
|||
|
|
padding: 12px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #666;
|
|||
|
|
word-wrap: break-word;
|
|||
|
|
word-break: break-all;
|
|||
|
|
background-color: #fbfbfb;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
line-height: 16.8px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
}
|
|||
|
|
.reverse.reference-content[data-v-3506872c] {
|
|||
|
|
margin-right: 44px;
|
|||
|
|
margin-left: auto;
|
|||
|
|
}
|
|||
|
|
.revoked-text[data-v-3506872c] {
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.max-double-line[data-v-3506872c] {
|
|||
|
|
word-break: break-all;
|
|||
|
|
overflow: hidden;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
max-height: 33px;
|
|||
|
|
-webkit-line-clamp: 2;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-translation-container[data-v-ef640ceb] {
|
|||
|
|
min-height: 16px;
|
|||
|
|
min-width: 80px;
|
|||
|
|
position: relative;
|
|||
|
|
transition: width 0.15s ease-out, height 0.15s ease-out;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.message-translation-container .loading[data-v-ef640ceb] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
opacity: 1;
|
|||
|
|
transition: opacity 0.3s ease-out;
|
|||
|
|
}
|
|||
|
|
.message-translation-container .loading.loading-end[data-v-ef640ceb] {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
.message-translation-container .translation-content[data-v-ef640ceb] {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
.message-translation-container .translation-content.occur[data-v-ef640ceb] {
|
|||
|
|
animation: occur-ef640ceb 0.3s ease-out 0.45s forwards;
|
|||
|
|
}
|
|||
|
|
@keyframes occur-ef640ceb {
|
|||
|
|
100% {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.message-translation-container .translation-content .text-face[data-v-ef640ceb] {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-translation[data-v-955a2daf] {
|
|||
|
|
margin-top: 4px;
|
|||
|
|
margin-left: 44px;
|
|||
|
|
padding: 10px;
|
|||
|
|
background-color: #f2f7ff;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column !important;
|
|||
|
|
transition: background-color 0.15s ease-out;
|
|||
|
|
}
|
|||
|
|
.message-translation.error[data-v-955a2daf] {
|
|||
|
|
background-color: #ffdfdf;
|
|||
|
|
}
|
|||
|
|
.message-translation .copyright[data-v-955a2daf] {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
.message-translation .copyright .copyright-text[data-v-955a2daf] {
|
|||
|
|
margin-left: 2px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.message-translation.reverse[data-v-955a2daf] {
|
|||
|
|
margin-right: 44px;
|
|||
|
|
margin-left: auto;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-convert-container[data-v-02f04f6f] {
|
|||
|
|
min-height: 20px;
|
|||
|
|
min-width: 80px;
|
|||
|
|
position: relative;
|
|||
|
|
transition: width 0.15s ease-out, height 0.15s ease-out;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.message-convert-container .loading[data-v-02f04f6f] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
opacity: 1;
|
|||
|
|
transition: opacity 0.3s ease-out;
|
|||
|
|
}
|
|||
|
|
.message-convert-container .loading.loading-end[data-v-02f04f6f] {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
.message-convert-container .convert-content[data-v-02f04f6f] {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
.message-convert-container .convert-content.occur[data-v-02f04f6f] {
|
|||
|
|
animation: occur-02f04f6f 0.3s ease-out 0.45s forwards;
|
|||
|
|
}
|
|||
|
|
@keyframes occur-02f04f6f {
|
|||
|
|
100% {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-convert[data-v-5d339368] {
|
|||
|
|
margin-top: 4px;
|
|||
|
|
margin-left: 44px;
|
|||
|
|
padding: 10px;
|
|||
|
|
background-color: #f2f7ff;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column !important;
|
|||
|
|
transition: background-color 0.15s ease-out;
|
|||
|
|
}
|
|||
|
|
.message-convert.error[data-v-5d339368] {
|
|||
|
|
background-color: #ffdfdf;
|
|||
|
|
}
|
|||
|
|
.message-convert.reverse[data-v-5d339368] {
|
|||
|
|
margin-right: 44px;
|
|||
|
|
margin-left: auto;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-169aff8a]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
min-width: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.radio-select[data-v-169aff8a] {
|
|||
|
|
flex: 1;
|
|||
|
|
flex-direction: column;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
.radio-select .radio-no-select[data-v-169aff8a] {
|
|||
|
|
height: 20px;
|
|||
|
|
width: 20px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
border: 2px solid #ddd;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-51fb22b7]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
min-width: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.flex-row[data-v-51fb22b7] {
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.reverse[data-v-51fb22b7] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
.message-bubble[data-v-51fb22b7] {
|
|||
|
|
padding: 10px 15px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
user-select: none;
|
|||
|
|
-webkit-touch-callout: none;
|
|||
|
|
-webkit-user-select: none;
|
|||
|
|
-khtml-user-select: none;
|
|||
|
|
-moz-user-select: none;
|
|||
|
|
-ms-user-select: none;
|
|||
|
|
}
|
|||
|
|
.message-bubble.multiple-selected[data-v-51fb22b7] {
|
|||
|
|
background-color: #f0f0f0;
|
|||
|
|
}
|
|||
|
|
.message-bubble .multiple-select-radio[data-v-51fb22b7] {
|
|||
|
|
margin-right: 12px;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
}
|
|||
|
|
.message-bubble .control-reverse[data-v-51fb22b7] {
|
|||
|
|
flex: 1 1 auto;
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content[data-v-51fb22b7] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-avatar[data-v-51fb22b7] {
|
|||
|
|
display: block;
|
|||
|
|
width: 36px;
|
|||
|
|
height: 36px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body[data-v-51fb22b7] {
|
|||
|
|
display: flex;
|
|||
|
|
flex: 0 1 auto;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
margin: 0 8px;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-nick-name[data-v-51fb22b7] {
|
|||
|
|
display: block;
|
|||
|
|
margin-bottom: 4px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #999;
|
|||
|
|
max-width: 150px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main[data-v-51fb22b7] {
|
|||
|
|
max-width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
min-width: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main-reverse[data-v-51fb22b7] {
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .audio-unplay-mark[data-v-51fb22b7] {
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
width: 5px;
|
|||
|
|
height: 5px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: #f00;
|
|||
|
|
margin: 5px;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-body-content[data-v-51fb22b7] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
min-width: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 12px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #000;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
word-wrap: break-word;
|
|||
|
|
word-break: break-all;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-body-content .content-main[data-v-51fb22b7] {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
align-content: flex-start;
|
|||
|
|
border: 0 solid black;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-body-content .content-main .message-risk-replace[data-v-51fb22b7] {
|
|||
|
|
width: 130px;
|
|||
|
|
height: 130px;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-body-content .content-has-risk-tips[data-v-51fb22b7] {
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #fa5151;
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
margin-top: 5px;
|
|||
|
|
border-top: 1px solid #e5c7c7;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-in[data-v-51fb22b7] {
|
|||
|
|
background: #fbfbfb;
|
|||
|
|
border-radius: 0 10px 10px;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-out[data-v-51fb22b7] {
|
|||
|
|
background: #dceafd;
|
|||
|
|
border-radius: 10px 0 10px 10px;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-no-padding[data-v-51fb22b7] {
|
|||
|
|
padding: 0;
|
|||
|
|
background: transparent;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-no-padding.content-has-risk[data-v-51fb22b7] {
|
|||
|
|
padding: 12px;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-has-risk[data-v-51fb22b7] {
|
|||
|
|
background: rgba(250, 81, 81, 0.16);
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .blink-shadow[data-v-51fb22b7] {
|
|||
|
|
box-shadow: rgba(255, 156, 25, 0) 0 0 10px 0;
|
|||
|
|
animation: shadow-blink-51fb22b7 1s linear 3;
|
|||
|
|
}
|
|||
|
|
@keyframes shadow-blink-51fb22b7 {
|
|||
|
|
50% {
|
|||
|
|
box-shadow: #ff9c19 0 0 10px 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .blink-content[data-v-51fb22b7] {
|
|||
|
|
animation: reference-blink-51fb22b7 1s linear 3;
|
|||
|
|
}
|
|||
|
|
@keyframes reference-blink-51fb22b7 {
|
|||
|
|
50% {
|
|||
|
|
background-color: #ff9c19;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-label[data-v-51fb22b7] {
|
|||
|
|
align-self: flex-end;
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #b6b8ba;
|
|||
|
|
word-break: keep-all;
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
margin: 0 8px;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-label.fail[data-v-51fb22b7] {
|
|||
|
|
width: 15px;
|
|||
|
|
height: 15px;
|
|||
|
|
border-radius: 15px;
|
|||
|
|
background: red;
|
|||
|
|
color: #fff;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-label.loading-circle[data-v-51fb22b7] {
|
|||
|
|
opacity: 0;
|
|||
|
|
animation: circle-loading-51fb22b7 2s linear 1s infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes circle-loading-51fb22b7 {
|
|||
|
|
0% {
|
|||
|
|
transform: rotate(0);
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity: 1;
|
|||
|
|
transform: rotate(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-main-content .message-body .message-body-main .align-self-bottom[data-v-51fb22b7] {
|
|||
|
|
align-self: flex-end;
|
|||
|
|
}
|
|||
|
|
.message-bubble .reverse[data-v-51fb22b7] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
.message-bubble .message-bubble-extra-content[data-v-51fb22b7] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-4337995a], div[data-v-4337995a], ul[data-v-4337995a], ol[data-v-4337995a], dt[data-v-4337995a], dd[data-v-4337995a], li[data-v-4337995a], dl[data-v-4337995a], h1[data-v-4337995a], h2[data-v-4337995a], h3[data-v-4337995a], h4[data-v-4337995a], p[data-v-4337995a] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-4337995a], ul[data-v-4337995a], li[data-v-4337995a] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-4337995a] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-4337995a] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-4337995a] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-4337995a] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-4337995a]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-4337995a], uni-textarea[data-v-4337995a] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-4337995a]:focus, uni-input[data-v-4337995a]:active, uni-textarea[data-v-4337995a]:focus, uni-textarea[data-v-4337995a]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-4337995a] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.message-location[data-v-4337995a] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-2f98379f], div[data-v-2f98379f], ul[data-v-2f98379f], ol[data-v-2f98379f], dt[data-v-2f98379f], dd[data-v-2f98379f], li[data-v-2f98379f], dl[data-v-2f98379f], h1[data-v-2f98379f], h2[data-v-2f98379f], h3[data-v-2f98379f], h4[data-v-2f98379f], p[data-v-2f98379f] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-2f98379f], ul[data-v-2f98379f], li[data-v-2f98379f] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-2f98379f] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-2f98379f] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-2f98379f] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-2f98379f] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-2f98379f]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-2f98379f], uni-textarea[data-v-2f98379f] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-2f98379f]:focus, uni-input[data-v-2f98379f]:active, uni-textarea[data-v-2f98379f]:focus, uni-textarea[data-v-2f98379f]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-2f98379f] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.message-timestamp[data-v-2f98379f] {
|
|||
|
|
margin: 10px auto;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
overflow-wrap: anywhere;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-video[data-v-c500d966] {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.message-video-box[data-v-c500d966] {
|
|||
|
|
width: 120px;
|
|||
|
|
max-width: 120px;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|||
|
|
border-radius: 6px;
|
|||
|
|
height: 200px;
|
|||
|
|
font-size: 0;
|
|||
|
|
}
|
|||
|
|
.message-video .video-play[data-v-c500d966] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-a62b3471], div[data-v-a62b3471], ul[data-v-a62b3471], ol[data-v-a62b3471], dt[data-v-a62b3471], dd[data-v-a62b3471], li[data-v-a62b3471], dl[data-v-a62b3471], h1[data-v-a62b3471], h2[data-v-a62b3471], h3[data-v-a62b3471], h4[data-v-a62b3471], p[data-v-a62b3471] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-a62b3471], ul[data-v-a62b3471], li[data-v-a62b3471] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-a62b3471] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-a62b3471] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-a62b3471] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-a62b3471] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-a62b3471]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-a62b3471], uni-textarea[data-v-a62b3471] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-a62b3471]:focus, uni-input[data-v-a62b3471]:active, uni-textarea[data-v-a62b3471]:focus, uni-textarea[data-v-a62b3471]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-a62b3471] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.dialog-item-web[data-v-a62b3471], .dialog-item-h5[data-v-a62b3471] {
|
|||
|
|
background: #fff;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
border: 1px solid #e0e0e0;
|
|||
|
|
padding: 12px 0;
|
|||
|
|
}
|
|||
|
|
.dialog-item-web .dialog-item-list[data-v-a62b3471], .dialog-item-h5 .dialog-item-list[data-v-a62b3471] {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: baseline;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
max-width: 280px;
|
|||
|
|
}
|
|||
|
|
.dialog-item-web .dialog-item-list .list-item[data-v-a62b3471], .dialog-item-h5 .dialog-item-list .list-item[data-v-a62b3471] {
|
|||
|
|
padding: 4px 12px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.dialog-item-web .dialog-item-list .list-item .list-item-text[data-v-a62b3471], .dialog-item-h5 .dialog-item-list .list-item .list-item-text[data-v-a62b3471] {
|
|||
|
|
padding-left: 4px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
line-height: 17px;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
.dialog-item-h5[data-v-a62b3471] {
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.dialog-item-h5 .dialog-item-list[data-v-a62b3471] {
|
|||
|
|
margin: 10px;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
max-width: 280px;
|
|||
|
|
}
|
|||
|
|
.dialog-item-h5 .dialog-item-list .list-item[data-v-a62b3471] {
|
|||
|
|
padding: 0 8px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
color: #4f4f4f;
|
|||
|
|
}
|
|||
|
|
.dialog-item-h5 .dialog-item-list .list-item .list-item-text[data-v-a62b3471] {
|
|||
|
|
padding-left: 0;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-e1a956f2], div[data-v-e1a956f2], ul[data-v-e1a956f2], ol[data-v-e1a956f2], dt[data-v-e1a956f2], dd[data-v-e1a956f2], li[data-v-e1a956f2], dl[data-v-e1a956f2], h1[data-v-e1a956f2], h2[data-v-e1a956f2], h3[data-v-e1a956f2], h4[data-v-e1a956f2], p[data-v-e1a956f2] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-e1a956f2], ul[data-v-e1a956f2], li[data-v-e1a956f2] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-e1a956f2] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-e1a956f2] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-e1a956f2] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-e1a956f2] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-e1a956f2]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-e1a956f2], uni-textarea[data-v-e1a956f2] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-e1a956f2]:focus, uni-input[data-v-e1a956f2]:active, uni-textarea[data-v-e1a956f2]:focus, uni-textarea[data-v-e1a956f2]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-e1a956f2] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.revoke[data-v-e1a956f2] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.revoke .edit[data-v-e1a956f2] {
|
|||
|
|
padding: 0 5px;
|
|||
|
|
color: #006eff;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-plugin-tip[data-v-60deb703] {
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 12px;
|
|||
|
|
overflow-wrap: anywhere;
|
|||
|
|
display: flex;
|
|||
|
|
place-content: center center;
|
|||
|
|
align-items: center;
|
|||
|
|
text-align: center;
|
|||
|
|
margin: 0 10px 10px;
|
|||
|
|
}
|
|||
|
|
.message-tip-highlight[data-v-60deb703] {
|
|||
|
|
animation: highlight-60deb703 1000ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes highlight-60deb703 {
|
|||
|
|
50% {
|
|||
|
|
color: #ff9c19;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes highlight-60deb703 {
|
|||
|
|
50% {
|
|||
|
|
color: #ff9c19;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
[data-v-60deb703] .message-bubble-room .message-bubble-main-content .message-body .message-body-main .message-body-content.content-in,[data-v-60deb703] .message-bubble-room .message-bubble-main-content .message-body .message-body-main .message-body-content.content-out {
|
|||
|
|
background-color: transparent;
|
|||
|
|
border-radius: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
@keyframes blink-text-80245e9e {
|
|||
|
|
50% {
|
|||
|
|
color: #ff9c19;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.blink-text[data-v-80245e9e] {
|
|||
|
|
animation: blinkText 1s linear 3;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.call[data-v-6d96978f] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.call-C2C[data-v-6d96978f] {
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.call-GROUP[data-v-6d96978f] {
|
|||
|
|
cursor: default;
|
|||
|
|
}
|
|||
|
|
.call-content[data-v-6d96978f] {
|
|||
|
|
padding-left: 5px;
|
|||
|
|
}
|
|||
|
|
.call .icon[data-v-6d96978f] {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
}
|
|||
|
|
.call-reverse[data-v-6d96978f] {
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
}
|
|||
|
|
.call-reverse .icon-reverse[data-v-6d96978f] {
|
|||
|
|
transform: rotate(180deg);
|
|||
|
|
}
|
|||
|
|
.call-reverse .call-content[data-v-6d96978f] {
|
|||
|
|
padding-right: 5px;
|
|||
|
|
padding-left: 0;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.common-icon-container[data-v-d0031c07] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.branch-card[data-v-6f02fddd] {
|
|||
|
|
min-width: 250px;
|
|||
|
|
max-width: 350px;
|
|||
|
|
}
|
|||
|
|
.branch-card .branch-title[data-v-6f02fddd] {
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
border-radius: 0 10px 10px;
|
|||
|
|
}
|
|||
|
|
.branch-card .branch-item[data-v-6f02fddd] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
border-style: dotted;
|
|||
|
|
border-color: #d8d8d8;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #368dff;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.form-branch-container .card-title[data-v-2cb857c2] {
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
}
|
|||
|
|
.form-branch-container .form-branch-item[data-v-2cb857c2] {
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #368dff;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.form-input-container .card-title[data-v-cc82813b] {
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
}
|
|||
|
|
.form-input-container .form-input-box[data-v-cc82813b] {
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.form-input-container .form-input-box uni-button[data-v-cc82813b]:disabled {
|
|||
|
|
background: #d8d8d8;
|
|||
|
|
}
|
|||
|
|
.form-input-container .form-input[data-v-cc82813b] {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 36px;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
border: 1px #dddddd solid;
|
|||
|
|
}
|
|||
|
|
.form-input-container .form-button[data-v-cc82813b] {
|
|||
|
|
position: relative;
|
|||
|
|
height: 40px;
|
|||
|
|
width: 42px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
border-radius: 0 8px 8px 0;
|
|||
|
|
border: 0 #dddddd solid;
|
|||
|
|
background: #006eff;
|
|||
|
|
color: white;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.form-input-container .form-button[data-v-cc82813b]::before {
|
|||
|
|
content: "";
|
|||
|
|
position: absolute;
|
|||
|
|
width: 10px;
|
|||
|
|
height: 10px;
|
|||
|
|
top: 50%;
|
|||
|
|
right: 40%;
|
|||
|
|
border-left: 2px solid #fff;
|
|||
|
|
border-bottom: 2px solid #fff;
|
|||
|
|
transform: translate(0, -50%) rotate(-135deg);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-form[data-v-2d3e393d] {
|
|||
|
|
max-width: 300px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.welcome-card[data-v-2a4e0526] {
|
|||
|
|
min-width: 250px;
|
|||
|
|
max-width: 350px;
|
|||
|
|
/* stylelint-disable */
|
|||
|
|
/* stylelint-enable */
|
|||
|
|
}
|
|||
|
|
.welcome-card .welcome-title[data-v-2a4e0526] {
|
|||
|
|
display: flex;
|
|||
|
|
height: 40px;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.welcome-card .welcome-title-left-container[data-v-2a4e0526] {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.welcome-card .card-title[data-v-2a4e0526] {
|
|||
|
|
display: inline-block;
|
|||
|
|
margin-left: 8px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.welcome-card .el-link[data-v-2a4e0526] {
|
|||
|
|
display: block;
|
|||
|
|
font-weight: 400;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
padding-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
.welcome-card .el-link__inner[data-v-2a4e0526] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.welcome-card .branch-number[data-v-2a4e0526] {
|
|||
|
|
margin-left: 15px;
|
|||
|
|
margin-right: 15px;
|
|||
|
|
font-size: 20px;
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
.welcome-card .change-wrapper[data-v-2a4e0526] {
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.welcome-card .welcome-item[data-v-2a4e0526] {
|
|||
|
|
padding: 6px;
|
|||
|
|
color: #999;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.welcome-card .welcome-item[data-v-2a4e0526]:hover {
|
|||
|
|
background: #f2f7ff;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-product-card[data-v-24d6579f] {
|
|||
|
|
min-width: 224px;
|
|||
|
|
max-width: 288px;
|
|||
|
|
background: #fff;
|
|||
|
|
border: 1px solid #ddd;
|
|||
|
|
display: flex;
|
|||
|
|
padding: 12px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
}
|
|||
|
|
.message-product-card .product-img[data-v-24d6579f] {
|
|||
|
|
width: 86px;
|
|||
|
|
height: 86px;
|
|||
|
|
}
|
|||
|
|
.message-product-card .product-card-information[data-v-24d6579f] {
|
|||
|
|
margin-left: 12px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.message-product-card .product-card-information .product-card-title[data-v-24d6579f] {
|
|||
|
|
font-size: 12px;
|
|||
|
|
max-width: 165px;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
-webkit-line-clamp: 3;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
word-break: break-all;
|
|||
|
|
}
|
|||
|
|
.message-product-card .product-card-information .product-card-description[data-v-24d6579f] {
|
|||
|
|
font-size: 16px;
|
|||
|
|
max-width: 165px;
|
|||
|
|
color: #ff6c2e;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.rich-text div[data-v-ea4e99f3],
|
|||
|
|
.rich-text ul[data-v-ea4e99f3],
|
|||
|
|
.rich-text ol[data-v-ea4e99f3],
|
|||
|
|
.rich-text dt[data-v-ea4e99f3],
|
|||
|
|
.rich-text dd[data-v-ea4e99f3],
|
|||
|
|
.rich-text li[data-v-ea4e99f3],
|
|||
|
|
.rich-text dl[data-v-ea4e99f3],
|
|||
|
|
.rich-text h1[data-v-ea4e99f3],
|
|||
|
|
.rich-text h2[data-v-ea4e99f3],
|
|||
|
|
.rich-text h3[data-v-ea4e99f3],
|
|||
|
|
.rich-text h4[data-v-ea4e99f3],
|
|||
|
|
.rich-text p[data-v-ea4e99f3],
|
|||
|
|
.rich-text img[data-v-ea4e99f3],
|
|||
|
|
.rich-text a[data-v-ea4e99f3] {
|
|||
|
|
max-width: 100%;
|
|||
|
|
}
|
|||
|
|
.rich-text a[data-v-ea4e99f3] {
|
|||
|
|
color: blue;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.message-stream[data-v-35feeb52] {
|
|||
|
|
word-break: break-all;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.message-stream .blinking-cursor[data-v-35feeb52] {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 1px;
|
|||
|
|
height: 16px;
|
|||
|
|
background-color: black;
|
|||
|
|
animation: blink-35feeb52 1s step-end infinite;
|
|||
|
|
vertical-align: sub;
|
|||
|
|
}
|
|||
|
|
@keyframes blink-35feeb52 {
|
|||
|
|
0%, 100% {
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
background-color: black;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.rating-head[data-v-da3c7d81] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.rating-tail[data-v-da3c7d81] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.card-title[data-v-da3c7d81] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
.rating-card[data-v-da3c7d81] {
|
|||
|
|
min-width: 270px;
|
|||
|
|
width: 50%;
|
|||
|
|
background: #fbfbfb;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
border: 0;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
padding-top: 20px;
|
|||
|
|
padding-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.rating-card uni-button[data-v-da3c7d81]:disabled {
|
|||
|
|
background: #d8d8d8;
|
|||
|
|
}
|
|||
|
|
.message-rating-star[data-v-da3c7d81] {
|
|||
|
|
text-align: center;
|
|||
|
|
display: flex;
|
|||
|
|
flex-flow: column wrap;
|
|||
|
|
justify-content: center;
|
|||
|
|
padding-bottom: 30px;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.card-wrapper[data-v-da3c7d81] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
justify-content: center;
|
|||
|
|
padding-top: 10px;
|
|||
|
|
}
|
|||
|
|
.submit-button[data-v-da3c7d81] {
|
|||
|
|
width: 50%;
|
|||
|
|
height: 50px;
|
|||
|
|
background-color: #0365f9;
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: white;
|
|||
|
|
border: 0;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.rating-head[data-v-1a21fdf4] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.rating-tail[data-v-1a21fdf4] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.card-title[data-v-1a21fdf4] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
.rating-card[data-v-1a21fdf4] {
|
|||
|
|
min-width: 270px;
|
|||
|
|
width: 50%;
|
|||
|
|
background: #fbfbfb;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
border: 0;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
padding-top: 20px;
|
|||
|
|
padding-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.rating-card uni-button[data-v-1a21fdf4]:disabled {
|
|||
|
|
background: #d8d8d8;
|
|||
|
|
}
|
|||
|
|
.message-rating-star[data-v-1a21fdf4] {
|
|||
|
|
text-align: center;
|
|||
|
|
display: flex;
|
|||
|
|
flex-flow: column wrap;
|
|||
|
|
justify-content: center;
|
|||
|
|
padding-bottom: 30px;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.card-wrapper[data-v-1a21fdf4] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
justify-content: center;
|
|||
|
|
padding-top: 10px;
|
|||
|
|
}
|
|||
|
|
.submit-button[data-v-1a21fdf4] {
|
|||
|
|
width: 50%;
|
|||
|
|
height: 50px;
|
|||
|
|
background-color: #0365f9;
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: white;
|
|||
|
|
border: 0;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.de-active[data-v-1a21fdf4] {
|
|||
|
|
height: 34px;
|
|||
|
|
width: 34px;
|
|||
|
|
display: inline-block;
|
|||
|
|
border: 0 solid #006eff0d;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
color: #006eff;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 16px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 34px;
|
|||
|
|
background: #006eff0d;
|
|||
|
|
}
|
|||
|
|
.active[data-v-1a21fdf4] {
|
|||
|
|
width: 34px;
|
|||
|
|
height: 34px;
|
|||
|
|
display: inline-block;
|
|||
|
|
background: linear-gradient(136.96deg, rgba(10, 124, 255, 0.3) -39.64%, #0a7cff 131.39%);
|
|||
|
|
border-radius: 5px;
|
|||
|
|
color: white;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 16px;
|
|||
|
|
border: 0 solid #0a7cff;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 34px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
/* stylelint-disable-next-line no-empty-source */
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.room-default[data-v-bc20f5ec] {
|
|||
|
|
padding: 12px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.room-default-uni[data-v-bc20f5ec] {
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.room-default-in[data-v-bc20f5ec] {
|
|||
|
|
background: #fbfbfb;
|
|||
|
|
border-radius: 0 10px;
|
|||
|
|
}
|
|||
|
|
.room-default-out[data-v-bc20f5ec] {
|
|||
|
|
background: #dceafd;
|
|||
|
|
border-radius: 10px 0 10px 10px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
/* stylelint-disable-next-line no-empty-source */
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.fetch-more-block[data-v-ab2918f1] {
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-8316d693]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel[data-v-8316d693], .read-receipt-panel-mobile[data-v-8316d693] {
|
|||
|
|
background-color: #fff;
|
|||
|
|
box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
|
|||
|
|
width: 368px;
|
|||
|
|
height: 510px;
|
|||
|
|
padding: 30px 20px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .header[data-v-8316d693], .read-receipt-panel-mobile .header[data-v-8316d693] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .header .header-text[data-v-8316d693], .read-receipt-panel-mobile .header .header-text[data-v-8316d693] {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .header .header-close-icon[data-v-8316d693], .read-receipt-panel-mobile .header .header-close-icon[data-v-8316d693] {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-counter-container[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container[data-v-8316d693] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
min-height: 59px;
|
|||
|
|
margin: 20px 40px 17.5px;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-counter-container .read-status-counter[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container .read-status-counter[data-v-8316d693] {
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
align-items: center;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-counter-container .read-status-counter .status-text[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container .read-status-counter .status-text[data-v-8316d693] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-counter-container .read-status-counter .status-count[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container .read-status-counter .status-count[data-v-8316d693] {
|
|||
|
|
margin-top: 2px;
|
|||
|
|
font-size: 30px;
|
|||
|
|
font-weight: bolder;
|
|||
|
|
line-height: 37px;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-counter-container .read-status-counter.active[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container .read-status-counter.active[data-v-8316d693] {
|
|||
|
|
color: #679ce1;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-member-list[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list[data-v-8316d693] {
|
|||
|
|
flex: 1 1 auto;
|
|||
|
|
overflow: hidden auto;
|
|||
|
|
padding: 20px 0 0;
|
|||
|
|
border-top: 0.5px solid #e8e8e9;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-member-list .empty-list-tip[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .empty-list-tip[data-v-8316d693] {
|
|||
|
|
align-self: center;
|
|||
|
|
color: #b3b3b3;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-member-list .read-status-member-container[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .read-status-member-container[data-v-8316d693] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-member-list .read-status-member-container .read-status-avatar[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .read-status-member-container .read-status-avatar[data-v-8316d693] {
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-member-list .read-status-member-container .username[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .read-status-member-container .username[data-v-8316d693] {
|
|||
|
|
margin-left: 8px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
flex: 0 1 auto;
|
|||
|
|
display: block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
word-break: break-all;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-member-list .read-status-member-container + .read-status-member-container[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .read-status-member-container + .read-status-member-container[data-v-8316d693] {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel .read-status-member-list .fetch-more-container[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .fetch-more-container[data-v-8316d693] {
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-top: auto;
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel-mobile[data-v-8316d693] {
|
|||
|
|
box-shadow: none;
|
|||
|
|
width: 100vw;
|
|||
|
|
height: 100vh;
|
|||
|
|
border-radius: 0;
|
|||
|
|
animation: slide-in-from-right-8316d693 0.3s ease-out;
|
|||
|
|
transition: transform 0.2s ease-out;
|
|||
|
|
}
|
|||
|
|
@keyframes slide-in-from-right-8316d693 {
|
|||
|
|
from {
|
|||
|
|
transform: translateX(100%);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.read-receipt-panel-close-mobile[data-v-8316d693] {
|
|||
|
|
transform: translateX(100%);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.scroll-button[data-v-59f2ce7f] {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 10px;
|
|||
|
|
right: 10px;
|
|||
|
|
width: 92px;
|
|||
|
|
height: 28px;
|
|||
|
|
background: #fff;
|
|||
|
|
border: 1px solid #e0e0e0;
|
|||
|
|
box-shadow: 0 4px 12px -5px rgba(0, 0, 0, 0.1);
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
}
|
|||
|
|
.scroll-button-text[data-v-59f2ce7f] {
|
|||
|
|
font-family: PingFangSC-Regular, system-ui;
|
|||
|
|
font-size: 10px;
|
|||
|
|
color: #147aff;
|
|||
|
|
margin-left: 3px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-2c2f9c5b], div[data-v-2c2f9c5b], ul[data-v-2c2f9c5b], ol[data-v-2c2f9c5b], dt[data-v-2c2f9c5b], dd[data-v-2c2f9c5b], li[data-v-2c2f9c5b], dl[data-v-2c2f9c5b], h1[data-v-2c2f9c5b], h2[data-v-2c2f9c5b], h3[data-v-2c2f9c5b], h4[data-v-2c2f9c5b], p[data-v-2c2f9c5b] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-2c2f9c5b], ul[data-v-2c2f9c5b], li[data-v-2c2f9c5b] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-2c2f9c5b] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-2c2f9c5b] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-2c2f9c5b] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-2c2f9c5b] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-2c2f9c5b]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-2c2f9c5b], uni-textarea[data-v-2c2f9c5b] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-2c2f9c5b]:focus, uni-input[data-v-2c2f9c5b]:active, uni-textarea[data-v-2c2f9c5b]:focus, uni-textarea[data-v-2c2f9c5b]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-2c2f9c5b] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.dialog[data-v-2c2f9c5b] {
|
|||
|
|
background: rgba(0, 0, 0, 0.3);
|
|||
|
|
}
|
|||
|
|
.dialog-main[data-v-2c2f9c5b] {
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.dialog-main-header[data-v-2c2f9c5b] {
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.dialog-main-title[data-v-2c2f9c5b] {
|
|||
|
|
font-family: PingFangSC-Medium;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.dialog-main-back[data-v-2c2f9c5b] {
|
|||
|
|
background: none;
|
|||
|
|
}
|
|||
|
|
.dialog-main-content[data-v-2c2f9c5b] {
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.btn[data-v-2c2f9c5b] {
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #FFF;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
.btn-cancel[data-v-2c2f9c5b] {
|
|||
|
|
border: 1px solid #ddd;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
.btn-default[data-v-2c2f9c5b] {
|
|||
|
|
background: #006EFF;
|
|||
|
|
border: 1px solid #006EFF;
|
|||
|
|
}
|
|||
|
|
.dialog[data-v-2c2f9c5b] {
|
|||
|
|
position: fixed;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
z-index: 6;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.dialog-main[data-v-2c2f9c5b] {
|
|||
|
|
min-width: 368px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
padding: 20px 30px;
|
|||
|
|
}
|
|||
|
|
.dialog-main-header[data-v-2c2f9c5b] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
}
|
|||
|
|
.dialog-main-title[data-v-2c2f9c5b] {
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
}
|
|||
|
|
.dialog-main-content[data-v-2c2f9c5b] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.dialog-main-footer[data-v-2c2f9c5b] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: flex-end;
|
|||
|
|
}
|
|||
|
|
.btn[data-v-2c2f9c5b] {
|
|||
|
|
padding: 8px 20px;
|
|||
|
|
margin: 0 6px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
border: none;
|
|||
|
|
font-size: 14px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 20px;
|
|||
|
|
}
|
|||
|
|
.btn[data-v-2c2f9c5b]:disabled {
|
|||
|
|
opacity: 0.3;
|
|||
|
|
}
|
|||
|
|
.btn[data-v-2c2f9c5b]:last-child {
|
|||
|
|
margin-right: 0;
|
|||
|
|
}
|
|||
|
|
.dialog-h5[data-v-2c2f9c5b] {
|
|||
|
|
height: 100%;
|
|||
|
|
top: 0;
|
|||
|
|
align-items: inherit;
|
|||
|
|
}
|
|||
|
|
.dialog-h5 .dialog-main[data-v-2c2f9c5b] {
|
|||
|
|
border-radius: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
overflow: hidden;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 80px;
|
|||
|
|
min-width: 120px;
|
|||
|
|
}
|
|||
|
|
.dialog-h5 .dialog-main-content[data-v-2c2f9c5b] {
|
|||
|
|
flex: 1;
|
|||
|
|
min-width: 0;
|
|||
|
|
min-height: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-align: center;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
.dialog-h5 .dialog-main-content-uniapp[data-v-2c2f9c5b] {
|
|||
|
|
padding: 40px 0;
|
|||
|
|
}
|
|||
|
|
.dialog-h5 .dialog-main-footer[data-v-2c2f9c5b] {
|
|||
|
|
border-top: 1px solid #DDD;
|
|||
|
|
}
|
|||
|
|
.dialog-h5 .dialog-main-footer .btn[data-v-2c2f9c5b] {
|
|||
|
|
flex: 1;
|
|||
|
|
margin: 0;
|
|||
|
|
background: none;
|
|||
|
|
border-right: 1px solid #DDD;
|
|||
|
|
}
|
|||
|
|
.dialog-h5 .dialog-main-footer .btn-default[data-v-2c2f9c5b] {
|
|||
|
|
color: #FF584C;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
.center[data-v-2c2f9c5b] {
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 20px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.progress-message[data-v-99d7e968] {
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.progress-message .progress-container[data-v-99d7e968] {
|
|||
|
|
position: absolute;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
padding: 0 15%;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
background: rgba(0, 0, 0, 0.5);
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.progress-message .progress-container .progress-common[data-v-99d7e968], .progress-message .progress-container .progress[data-v-99d7e968] {
|
|||
|
|
-webkit-appearance: none;
|
|||
|
|
appearance: none;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 0.5rem;
|
|||
|
|
}
|
|||
|
|
.progress-message .progress-container .progress[data-v-99d7e968] {
|
|||
|
|
color: #006eff;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
background: #fff;
|
|||
|
|
}
|
|||
|
|
.progress-message .progress-container .progress[data-v-99d7e968]::-webkit-progress-value {
|
|||
|
|
background-color: #006eff;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
}
|
|||
|
|
.progress-message .progress-container .progress[data-v-99d7e968]::-webkit-progress-bar {
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
background: #fff;
|
|||
|
|
}
|
|||
|
|
.progress-message .progress-container .progress[data-v-99d7e968]::-moz-progress-bar {
|
|||
|
|
color: #006eff;
|
|||
|
|
background: #006eff;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-c85b5b22], div[data-v-c85b5b22], ul[data-v-c85b5b22], ol[data-v-c85b5b22], dt[data-v-c85b5b22], dd[data-v-c85b5b22], li[data-v-c85b5b22], dl[data-v-c85b5b22], h1[data-v-c85b5b22], h2[data-v-c85b5b22], h3[data-v-c85b5b22], h4[data-v-c85b5b22], p[data-v-c85b5b22] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-c85b5b22], ul[data-v-c85b5b22], li[data-v-c85b5b22] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-c85b5b22] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-c85b5b22] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-c85b5b22] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-c85b5b22] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-c85b5b22]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-c85b5b22], uni-textarea[data-v-c85b5b22] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-c85b5b22]:focus, uni-input[data-v-c85b5b22]:active, uni-textarea[data-v-c85b5b22]:focus, uni-textarea[data-v-c85b5b22]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-c85b5b22] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.tui-chat .tui-message-list .message-more[data-v-c85b5b22] {
|
|||
|
|
color: #999;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.tui-chat .image-dialog[data-v-c85b5b22] {
|
|||
|
|
background: rgba(0, 0, 0, 0.3);
|
|||
|
|
}
|
|||
|
|
.tui-chat .image-dialog header[data-v-c85b5b22] {
|
|||
|
|
background: rgba(0, 0, 0, 0.49);
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5 .tui-chat-header[data-v-c85b5b22] {
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5 .tui-chat-footer[data-v-c85b5b22] {
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5 .tui-chat-footer .input uni-input[data-v-c85b5b22] {
|
|||
|
|
background: #F4F5F9;
|
|||
|
|
}
|
|||
|
|
.tui-chat[data-v-c85b5b22] {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main[data-v-c85b5b22] {
|
|||
|
|
min-height: 0;
|
|||
|
|
flex: 1;
|
|||
|
|
overflow: hidden;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-chat-safe-tips[data-v-c85b5b22] {
|
|||
|
|
padding: 12px 20px;
|
|||
|
|
background-color: rgba(255, 149, 0, 0.1);
|
|||
|
|
color: #ff8c39;
|
|||
|
|
line-height: 18px;
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-weight: 400;
|
|||
|
|
text-align: justify;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-chat-safe-tips a[data-v-c85b5b22] {
|
|||
|
|
color: #006eff;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-chat-application-tips[data-v-c85b5b22] {
|
|||
|
|
text-align: center;
|
|||
|
|
width: 100%;
|
|||
|
|
background: #fce4d3;
|
|||
|
|
padding: 2px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .application-tips-btn[data-v-c85b5b22] {
|
|||
|
|
color: #006eff;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list[data-v-c85b5b22] {
|
|||
|
|
flex: 1;
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden auto;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-more[data-v-c85b5b22] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
padding: 5px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .to-bottom-tip[data-v-c85b5b22] {
|
|||
|
|
position: -webkit-sticky;
|
|||
|
|
position: sticky;
|
|||
|
|
bottom: 10px;
|
|||
|
|
left: 100%;
|
|||
|
|
margin-right: 15px;
|
|||
|
|
width: 92px;
|
|||
|
|
height: 28px;
|
|||
|
|
padding: 0 5px;
|
|||
|
|
background: #fff;
|
|||
|
|
border: 1px solid #e0e0e0;
|
|||
|
|
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.06);
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .to-bottom-tip-text[data-v-c85b5b22] {
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 10px;
|
|||
|
|
color: #147aff;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
text-align: center;
|
|||
|
|
padding-left: 3px;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-li[data-v-c85b5b22] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-li[data-v-c85b5b22]:first-child {
|
|||
|
|
margin-top: 5px;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-li .message-item[data-v-c85b5b22] {
|
|||
|
|
display: flex;
|
|||
|
|
position: relative;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-li .message-item .message-tool[data-v-c85b5b22] {
|
|||
|
|
z-index: 5;
|
|||
|
|
position: absolute;
|
|||
|
|
cursor: pointer;
|
|||
|
|
transform: translateY(-100%);
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-li .message-item .message-tool-out[data-v-c85b5b22] {
|
|||
|
|
right: 30px;
|
|||
|
|
left: auto;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-li .message-item .message-tool-in[data-v-c85b5b22] {
|
|||
|
|
left: 30px;
|
|||
|
|
right: auto;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-li .message-item .message-tool-bottom[data-v-c85b5b22] {
|
|||
|
|
z-index: 5;
|
|||
|
|
bottom: 0;
|
|||
|
|
transform: translateY(100%);
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .message-li .message-label[data-v-c85b5b22] {
|
|||
|
|
max-width: 50px;
|
|||
|
|
}
|
|||
|
|
.tui-chat-main .tui-message-list .right[data-v-c85b5b22] {
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
.tui-chat .disabled[data-v-c85b5b22] {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.tui-chat .disabled[data-v-c85b5b22]::before {
|
|||
|
|
content: "";
|
|||
|
|
position: absolute;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.image-dialog[data-v-c85b5b22] {
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 5;
|
|||
|
|
width: 100vw;
|
|||
|
|
height: calc(100vh - 63px);
|
|||
|
|
top: 63px;
|
|||
|
|
left: 0;
|
|||
|
|
}
|
|||
|
|
.image-dialog header[data-v-c85b5b22] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: flex-end;
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
[data-v-c85b5b22]::-webkit-scrollbar {
|
|||
|
|
width: 6px;
|
|||
|
|
height: 140px;
|
|||
|
|
background-color: transparent;
|
|||
|
|
}
|
|||
|
|
[data-v-c85b5b22]::-webkit-scrollbar-track {
|
|||
|
|
border-radius: 10px;
|
|||
|
|
}
|
|||
|
|
[data-v-c85b5b22]::-webkit-scrollbar-thumb {
|
|||
|
|
border-radius: 10px;
|
|||
|
|
background-color: #9a999c;
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5[data-v-c85b5b22] {
|
|||
|
|
flex: 1;
|
|||
|
|
position: static;
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5 .tui-chat-main .tui-message-list[data-v-c85b5b22] {
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5 .tui-chat-main .message-more[data-v-c85b5b22] {
|
|||
|
|
color: #999;
|
|||
|
|
cursor: pointer;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
[data-v-c85b5b22]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-6acc9af1], div[data-v-6acc9af1], ul[data-v-6acc9af1], ol[data-v-6acc9af1], dt[data-v-6acc9af1], dd[data-v-6acc9af1], li[data-v-6acc9af1], dl[data-v-6acc9af1], h1[data-v-6acc9af1], h2[data-v-6acc9af1], h3[data-v-6acc9af1], h4[data-v-6acc9af1], p[data-v-6acc9af1] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-6acc9af1], ul[data-v-6acc9af1], li[data-v-6acc9af1] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-6acc9af1] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-6acc9af1] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-6acc9af1] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-6acc9af1] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-6acc9af1]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-6acc9af1], uni-textarea[data-v-6acc9af1] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-6acc9af1]:focus, uni-input[data-v-6acc9af1]:active, uni-textarea[data-v-6acc9af1]:focus, uni-textarea[data-v-6acc9af1]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-6acc9af1] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.message-input-container[data-v-6acc9af1] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
flex: 1;
|
|||
|
|
padding: 3px 10px 10px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.message-input-container-h5[data-v-6acc9af1] {
|
|||
|
|
flex: 1;
|
|||
|
|
height: auto;
|
|||
|
|
background: #fff;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
padding: 7px 0 7px 10px;
|
|||
|
|
font-size: 16px !important;
|
|||
|
|
max-height: 86px;
|
|||
|
|
}
|
|||
|
|
.message-input-container .message-input-mute[data-v-6acc9af1] {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 14px;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.message-input-container .message-input-area[data-v-6acc9af1] {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
min-height: 25px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-6d2e47d7], div[data-v-6d2e47d7], ul[data-v-6d2e47d7], ol[data-v-6d2e47d7], dt[data-v-6d2e47d7], dd[data-v-6d2e47d7], li[data-v-6d2e47d7], dl[data-v-6d2e47d7], h1[data-v-6d2e47d7], h2[data-v-6d2e47d7], h3[data-v-6d2e47d7], h4[data-v-6d2e47d7], p[data-v-6d2e47d7] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-6d2e47d7], ul[data-v-6d2e47d7], li[data-v-6d2e47d7] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-6d2e47d7] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-6d2e47d7] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-6d2e47d7] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-6d2e47d7] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-6d2e47d7]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-6d2e47d7], uni-textarea[data-v-6d2e47d7] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-6d2e47d7]:focus, uni-input[data-v-6d2e47d7]:active, uni-textarea[data-v-6d2e47d7]:focus, uni-textarea[data-v-6d2e47d7]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-6d2e47d7] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.bottom-popup-h5[data-v-6d2e47d7] {
|
|||
|
|
width: 100vw;
|
|||
|
|
height: -webkit-fit-content;
|
|||
|
|
height: fit-content;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: flex-end;
|
|||
|
|
align-items: stretch;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
z-index: 10;
|
|||
|
|
border-radius: 5px 5px 0 0;
|
|||
|
|
}
|
|||
|
|
.bottom-popup-h5-main[data-v-6d2e47d7] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: stretch;
|
|||
|
|
height: -webkit-fit-content;
|
|||
|
|
height: fit-content;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.bottom-popup-h5-main .header[data-v-6d2e47d7] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
padding: 20px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.bottom-popup-h5-main .header .header-close[data-v-6d2e47d7] {
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #006eff;
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
.bottom-popup-h5-main .footer[data-v-6d2e47d7] {
|
|||
|
|
padding: 20px;
|
|||
|
|
}
|
|||
|
|
.bottom-popup-h5-main .footer .footer-submit[data-v-6d2e47d7] {
|
|||
|
|
color: #fff;
|
|||
|
|
padding: 12px 0;
|
|||
|
|
width: 100%;
|
|||
|
|
background: #006eff;
|
|||
|
|
text-align: center;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.bottom-popup-uni[data-v-6d2e47d7] {
|
|||
|
|
padding-bottom: var(--window-bottom);
|
|||
|
|
}
|
|||
|
|
.bottom-popup-modal[data-v-6d2e47d7] {
|
|||
|
|
width: 100vw;
|
|||
|
|
height: 100vh;
|
|||
|
|
background: rgba(0, 0, 0, 0.5);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-7a11d573], div[data-v-7a11d573], ul[data-v-7a11d573], ol[data-v-7a11d573], dt[data-v-7a11d573], dd[data-v-7a11d573], li[data-v-7a11d573], dl[data-v-7a11d573], h1[data-v-7a11d573], h2[data-v-7a11d573], h3[data-v-7a11d573], h4[data-v-7a11d573], p[data-v-7a11d573] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-7a11d573], ul[data-v-7a11d573], li[data-v-7a11d573] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-7a11d573] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-7a11d573] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-7a11d573] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-7a11d573] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-7a11d573]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-7a11d573], uni-textarea[data-v-7a11d573] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-7a11d573]:focus, uni-input[data-v-7a11d573]:active, uni-textarea[data-v-7a11d573]:focus, uni-textarea[data-v-7a11d573]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-7a11d573] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.message-input-at[data-v-7a11d573] {
|
|||
|
|
position: fixed;
|
|||
|
|
max-width: 15rem;
|
|||
|
|
max-height: 10rem;
|
|||
|
|
overflow: hidden auto;
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: 0 0.06rem 0.63rem 0 rgba(2, 16, 43, 0.15);
|
|||
|
|
border-radius: 0.13rem;
|
|||
|
|
}
|
|||
|
|
.member-list-box-header[data-v-7a11d573] {
|
|||
|
|
height: 2.5rem;
|
|||
|
|
padding-top: 5px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.member-list-box-header[data-v-7a11d573]:hover {
|
|||
|
|
background: rgba(0, 110, 255, 0.1);
|
|||
|
|
}
|
|||
|
|
.member-list-box span[data-v-7a11d573] {
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #000;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
padding: 5px;
|
|||
|
|
}
|
|||
|
|
.member-list-box-body[data-v-7a11d573] {
|
|||
|
|
height: 30px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.member-list-box-body .selected[data-v-7a11d573], .member-list-box-body[data-v-7a11d573]:hover {
|
|||
|
|
background: rgba(0, 110, 255, 0.1);
|
|||
|
|
}
|
|||
|
|
.member-list-box-body-name[data-v-7a11d573] {
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
word-wrap: break-word;
|
|||
|
|
word-break: break-all;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
}
|
|||
|
|
.member-list-box-body-avatar[data-v-7a11d573] {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
}
|
|||
|
|
.member-list-box .selected[data-v-7a11d573] {
|
|||
|
|
background: rgba(0, 110, 255, 0.1);
|
|||
|
|
}
|
|||
|
|
.message-input-at-h5 .member-list[data-v-7a11d573] {
|
|||
|
|
height: auto;
|
|||
|
|
max-height: 500px;
|
|||
|
|
width: 100%;
|
|||
|
|
max-width: 100%;
|
|||
|
|
background: white;
|
|||
|
|
border-radius: 12px 12px 0 0;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.message-input-at-h5 .member-list-title[data-v-7a11d573] {
|
|||
|
|
height: -webkit-fit-content;
|
|||
|
|
height: fit-content;
|
|||
|
|
width: calc(100% - 30px);
|
|||
|
|
text-align: center;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
padding: 15px;
|
|||
|
|
}
|
|||
|
|
.message-input-at-h5 .member-list-title .title[data-v-7a11d573] {
|
|||
|
|
vertical-align: middle;
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.message-input-at-h5 .member-list-title .close[data-v-7a11d573] {
|
|||
|
|
vertical-align: middle;
|
|||
|
|
position: absolute;
|
|||
|
|
right: 10px;
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
.message-input-at-h5 .member-list-box[data-v-7a11d573] {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
}
|
|||
|
|
.message-input-at-h5 .member-list-box-body[data-v-7a11d573] {
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
.message-input-at-h5 .member-list-box-body img[data-v-7a11d573] {
|
|||
|
|
width: 26px;
|
|||
|
|
height: 26px;
|
|||
|
|
}
|
|||
|
|
.message-input-at-h5 .member-list-box-body span[data-v-7a11d573] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-89320e8a], div[data-v-89320e8a], ul[data-v-89320e8a], ol[data-v-89320e8a], dt[data-v-89320e8a], dd[data-v-89320e8a], li[data-v-89320e8a], dl[data-v-89320e8a], h1[data-v-89320e8a], h2[data-v-89320e8a], h3[data-v-89320e8a], h4[data-v-89320e8a], p[data-v-89320e8a] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-89320e8a], ul[data-v-89320e8a], li[data-v-89320e8a] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-89320e8a] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-89320e8a] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-89320e8a] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-89320e8a] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-89320e8a]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-89320e8a], uni-textarea[data-v-89320e8a] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-89320e8a]:focus, uni-input[data-v-89320e8a]:active, uni-textarea[data-v-89320e8a]:focus, uni-textarea[data-v-89320e8a]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-89320e8a] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.message-input-audio[data-v-89320e8a] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.message-input-audio .audio-message-icon[data-v-89320e8a] {
|
|||
|
|
margin-right: 3px;
|
|||
|
|
}
|
|||
|
|
.message-input-audio .audio-input-touch-bar[data-v-89320e8a] {
|
|||
|
|
height: 39px;
|
|||
|
|
flex: 1;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.message-input-audio .audio-input-touch-bar .record-modal[data-v-89320e8a] {
|
|||
|
|
height: 9.375rem;
|
|||
|
|
width: 60vw;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|||
|
|
position: fixed;
|
|||
|
|
left: 50%;
|
|||
|
|
top: 50%;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
z-index: 9999;
|
|||
|
|
border-radius: 0.75rem;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.message-input-audio .audio-input-touch-bar .record-modal .red-mask[data-v-89320e8a] {
|
|||
|
|
position: absolute;
|
|||
|
|
inset: 0;
|
|||
|
|
background-color: rgba(255, 62, 72, 0.5);
|
|||
|
|
opacity: 0;
|
|||
|
|
transition: opacity 10ms linear;
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
.message-input-audio .audio-input-touch-bar .record-modal .moving-slider[data-v-89320e8a] {
|
|||
|
|
margin: 10vw;
|
|||
|
|
width: 1.25rem;
|
|||
|
|
height: 0.5rem;
|
|||
|
|
border-radius: 0.125rem;
|
|||
|
|
background-color: #006fff;
|
|||
|
|
animation: loading-89320e8a 1s ease-in-out infinite alternate;
|
|||
|
|
z-index: 2;
|
|||
|
|
}
|
|||
|
|
.message-input-audio .audio-input-touch-bar .record-modal .float-element[data-v-89320e8a] {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 2;
|
|||
|
|
}
|
|||
|
|
@keyframes loading-89320e8a {
|
|||
|
|
0% {
|
|||
|
|
transform: translate(0, 0);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: translate(30vw, 0);
|
|||
|
|
background-color: #f5634a;
|
|||
|
|
width: 40px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.message-input-audio .audio-input-touch-bar .modal-title[data-v-89320e8a] {
|
|||
|
|
text-align: center;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.message-input-audio-open[data-v-89320e8a] {
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.input-quote-container-h5[data-v-0be2008a], .input-quote-container-uni[data-v-0be2008a], .input-quote-container[data-v-0be2008a] {
|
|||
|
|
margin: 5px 100px 5px 8px;
|
|||
|
|
display: flex;
|
|||
|
|
flex: 0 1 auto;
|
|||
|
|
}
|
|||
|
|
.input-quote-container-h5 .input-quote-content[data-v-0be2008a], .input-quote-container-uni .input-quote-content[data-v-0be2008a], .input-quote-container .input-quote-content[data-v-0be2008a] {
|
|||
|
|
display: flex;
|
|||
|
|
flex: 0 1 auto;
|
|||
|
|
background-color: #fafafa;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
padding: 12px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
align-items: center;
|
|||
|
|
line-height: 16px;
|
|||
|
|
max-width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.input-quote-container-h5 .input-quote-content .max-one-line[data-v-0be2008a], .input-quote-container-uni .input-quote-content .max-one-line[data-v-0be2008a], .input-quote-container .input-quote-content .max-one-line[data-v-0be2008a] {
|
|||
|
|
flex: 0 1 auto;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.input-quote-container-h5 .input-quote-close-icon[data-v-0be2008a], .input-quote-container-uni .input-quote-close-icon[data-v-0be2008a], .input-quote-container .input-quote-close-icon[data-v-0be2008a] {
|
|||
|
|
margin-left: 5px;
|
|||
|
|
padding: 5px;
|
|||
|
|
}
|
|||
|
|
.input-quote-container-uni[data-v-0be2008a] {
|
|||
|
|
margin: 5px 60px 0 30px;
|
|||
|
|
}
|
|||
|
|
.input-quote-container-h5[data-v-0be2008a] {
|
|||
|
|
margin: 5px 0 0;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-ceb9e230], div[data-v-ceb9e230], ul[data-v-ceb9e230], ol[data-v-ceb9e230], dt[data-v-ceb9e230], dd[data-v-ceb9e230], li[data-v-ceb9e230], dl[data-v-ceb9e230], h1[data-v-ceb9e230], h2[data-v-ceb9e230], h3[data-v-ceb9e230], h4[data-v-ceb9e230], p[data-v-ceb9e230] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-ceb9e230], ul[data-v-ceb9e230], li[data-v-ceb9e230] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-ceb9e230] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-ceb9e230] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-ceb9e230] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-ceb9e230] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-ceb9e230]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-ceb9e230], uni-textarea[data-v-ceb9e230] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-ceb9e230]:focus, uni-input[data-v-ceb9e230]:active, uni-textarea[data-v-ceb9e230]:focus, uni-textarea[data-v-ceb9e230]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-ceb9e230] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
[data-v-ceb9e230]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
min-width: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.message-input[data-v-ceb9e230] {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
border: none;
|
|||
|
|
overflow: hidden;
|
|||
|
|
background: #ebf0f6;
|
|||
|
|
}
|
|||
|
|
.message-input-h5[data-v-ceb9e230] {
|
|||
|
|
padding: 10px 10px 15px;
|
|||
|
|
}
|
|||
|
|
.message-input-editor[data-v-ceb9e230] {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.message-input .icon[data-v-ceb9e230] {
|
|||
|
|
margin-left: 3px;
|
|||
|
|
}
|
|||
|
|
.message-input-wx-audio-open[data-v-ceb9e230] {
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
.audio-main-content-line[data-v-ceb9e230] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
[data-v-65102b30]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|
|||
|
|
.mulitple-select-panel[data-v-65102b30] {
|
|||
|
|
height: 196px;
|
|||
|
|
border-top: 1px solid #ebebeb;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: space-around;
|
|||
|
|
align-items: center;
|
|||
|
|
background-color: #EBF0F6;
|
|||
|
|
}
|
|||
|
|
.mulitple-select-panel-mobile[data-v-65102b30] {
|
|||
|
|
height: 64px;
|
|||
|
|
padding-bottom: 15px;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: flex-end;
|
|||
|
|
}
|
|||
|
|
.forward-button[data-v-65102b30] {
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.forward-button-text[data-v-65102b30] {
|
|||
|
|
margin-top: 8px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.forward-button-text-mobile[data-v-65102b30] {
|
|||
|
|
margin-top: 2px;
|
|||
|
|
}
|
|||
|
|
.forward-button .cancel-button-icon[data-v-65102b30] {
|
|||
|
|
transform: rotate(45deg);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-01b74c91], div[data-v-01b74c91], ul[data-v-01b74c91], ol[data-v-01b74c91], dt[data-v-01b74c91], dd[data-v-01b74c91], li[data-v-01b74c91], dl[data-v-01b74c91], h1[data-v-01b74c91], h2[data-v-01b74c91], h3[data-v-01b74c91], h4[data-v-01b74c91], p[data-v-01b74c91] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-01b74c91], ul[data-v-01b74c91], li[data-v-01b74c91] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-01b74c91] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-01b74c91] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-01b74c91] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-01b74c91] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-01b74c91]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-01b74c91], uni-textarea[data-v-01b74c91] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-01b74c91]:focus, uni-input[data-v-01b74c91]:active, uni-textarea[data-v-01b74c91]:focus, uni-textarea[data-v-01b74c91]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-01b74c91] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.main[data-v-01b74c91] {
|
|||
|
|
background: #FFF;
|
|||
|
|
border: 1px solid #E0E0E0;
|
|||
|
|
box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.06);
|
|||
|
|
}
|
|||
|
|
.main .left[data-v-01b74c91] {
|
|||
|
|
border-right: 1px solid #E8E8E9;
|
|||
|
|
}
|
|||
|
|
.main .transfer-header[data-v-01b74c91] {
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #000;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
.main .transfer-header uni-input[data-v-01b74c91] {
|
|||
|
|
background: #FFF;
|
|||
|
|
border: 1px solid #DEE0E3;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #8F959E;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
.main .transfer-list .transfer-text[data-v-01b74c91] {
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #8F959E;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
.main .transfer-list-item .disabled[data-v-01b74c91] {
|
|||
|
|
background: #eee;
|
|||
|
|
}
|
|||
|
|
.btn[data-v-01b74c91] {
|
|||
|
|
background: #3370FF;
|
|||
|
|
border: 0 solid #2F80ED;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #FFF;
|
|||
|
|
}
|
|||
|
|
.btn-cancel[data-v-01b74c91] {
|
|||
|
|
background: #FFF;
|
|||
|
|
border: 1px solid #DDD;
|
|||
|
|
color: #828282;
|
|||
|
|
}
|
|||
|
|
.btn-no[data-v-01b74c91] {
|
|||
|
|
background: #e8e8e9;
|
|||
|
|
border: 1px solid #DDD;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #FFF;
|
|||
|
|
}
|
|||
|
|
.transfer-h5-header[data-v-01b74c91] {
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.transfer-h5-header .title[data-v-01b74c91] {
|
|||
|
|
font-family: PingFangSC-Medium;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #000;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
.avatar[data-v-01b74c91] {
|
|||
|
|
width: 36px;
|
|||
|
|
height: 36px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.main[data-v-01b74c91] {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 620px;
|
|||
|
|
height: 394px;
|
|||
|
|
display: flex;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
padding: 20px 0;
|
|||
|
|
}
|
|||
|
|
.main .transfer-header[data-v-01b74c91] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 14px;
|
|||
|
|
padding-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.main .transfer-header uni-input[data-v-01b74c91] {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
border-radius: 30px;
|
|||
|
|
font-size: 10px;
|
|||
|
|
line-height: 14px;
|
|||
|
|
padding: 9px 12px;
|
|||
|
|
}
|
|||
|
|
.main .transfer-list[data-v-01b74c91] {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.main .transfer-list .transfer-text[data-v-01b74c91] {
|
|||
|
|
font-size: 10px;
|
|||
|
|
line-height: 14px;
|
|||
|
|
}
|
|||
|
|
.main .transfer-list-item[data-v-01b74c91] {
|
|||
|
|
padding: 6px 0;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 14px;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
.main .transfer-list-item-content[data-v-01b74c91] {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.main .transfer-list-item .avatar[data-v-01b74c91] {
|
|||
|
|
margin: 0 5px 0 8px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
.main .transfer-list-item .name[data-v-01b74c91] {
|
|||
|
|
width: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
.main .right[data-v-01b74c91] {
|
|||
|
|
padding: 0 20px;
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.main .right .transfer-right-footer[data-v-01b74c91] {
|
|||
|
|
align-self: flex-end;
|
|||
|
|
}
|
|||
|
|
.main .right .transfer-right-footer .btn-cancel[data-v-01b74c91] {
|
|||
|
|
margin-right: 12px;
|
|||
|
|
}
|
|||
|
|
.main .right .transfer-list[data-v-01b74c91] {
|
|||
|
|
padding-right: 20px;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
}
|
|||
|
|
.main .left[data-v-01b74c91] {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: hidden;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.main .left .transfer-header[data-v-01b74c91] {
|
|||
|
|
padding: 0 20px;
|
|||
|
|
}
|
|||
|
|
.main .left .transfer-left-main[data-v-01b74c91] {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
padding: 0 13px;
|
|||
|
|
}
|
|||
|
|
.btn[data-v-01b74c91] {
|
|||
|
|
padding: 4px 28px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
line-height: 24px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
}
|
|||
|
|
.btn-no[data-v-01b74c91] {
|
|||
|
|
padding: 4px 28px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
line-height: 24px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
}
|
|||
|
|
.space-between[data-v-01b74c91] {
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.select-all[data-v-01b74c91] {
|
|||
|
|
padding-left: 8px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.more[data-v-01b74c91] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
cursor: pointer;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.transfer-h5[data-v-01b74c91] {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.transfer-h5-wechat[data-v-01b74c91] {
|
|||
|
|
width: 100vw;
|
|||
|
|
height: 100vh;
|
|||
|
|
}
|
|||
|
|
.transfer-h5-header[data-v-01b74c91] {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 18px;
|
|||
|
|
padding: 16px 18px;
|
|||
|
|
}
|
|||
|
|
.transfer-h5-header .space[data-v-01b74c91], .transfer-h5-header .icon[data-v-01b74c91] {
|
|||
|
|
width: 18px;
|
|||
|
|
height: 18px;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main[data-v-01b74c91] {
|
|||
|
|
flex: 1;
|
|||
|
|
flex-direction: column;
|
|||
|
|
width: auto;
|
|||
|
|
height: auto;
|
|||
|
|
border-radius: 0;
|
|||
|
|
border: none;
|
|||
|
|
box-shadow: none;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .avatar[data-v-01b74c91] {
|
|||
|
|
border-radius: 5px;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .left[data-v-01b74c91] {
|
|||
|
|
padding: 0;
|
|||
|
|
flex: 1;
|
|||
|
|
border: none;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .left .transfer-header[data-v-01b74c91] {
|
|||
|
|
position: -webkit-sticky;
|
|||
|
|
position: sticky;
|
|||
|
|
top: 0;
|
|||
|
|
padding: 0 18px;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .left .transfer-header uni-input[data-v-01b74c91] {
|
|||
|
|
border-radius: 5px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .left-uniapp-input[data-v-01b74c91] {
|
|||
|
|
height: 36px;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .right[data-v-01b74c91] {
|
|||
|
|
flex: 0;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
box-shadow: inset 0 1px 0 0 #EEE;
|
|||
|
|
padding: 8px 18px;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .right .transfer-list[data-v-01b74c91] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
width: 0;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .right .transfer-list-item-content[data-v-01b74c91] {
|
|||
|
|
flex: none;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .right .transfer-right-footer[data-v-01b74c91] {
|
|||
|
|
padding: 6px 0;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.transfer-h5 .main .right .transfer-right-footer .btn[data-v-01b74c91] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.icon-unselected[data-v-01b74c91] {
|
|||
|
|
width: 18px;
|
|||
|
|
height: 18px;
|
|||
|
|
background: #FFF;
|
|||
|
|
border: 1px solid #DDD;
|
|||
|
|
border-radius: 11px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-bf58df78], div[data-v-bf58df78], ul[data-v-bf58df78], ol[data-v-bf58df78], dt[data-v-bf58df78], dd[data-v-bf58df78], li[data-v-bf58df78], dl[data-v-bf58df78], h1[data-v-bf58df78], h2[data-v-bf58df78], h3[data-v-bf58df78], h4[data-v-bf58df78], p[data-v-bf58df78] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-bf58df78], ul[data-v-bf58df78], li[data-v-bf58df78] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-bf58df78] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-bf58df78] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-bf58df78] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-bf58df78] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-bf58df78]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-bf58df78], uni-textarea[data-v-bf58df78] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-bf58df78]:focus, uni-input[data-v-bf58df78]:active, uni-textarea[data-v-bf58df78]:focus, uni-textarea[data-v-bf58df78]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-bf58df78] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-dialog[data-v-bf58df78] {
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container[data-v-bf58df78] {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-icon[data-v-bf58df78] {
|
|||
|
|
padding: 8px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-dialog[data-v-bf58df78] {
|
|||
|
|
z-index: 5;
|
|||
|
|
position: absolute;
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: 0 2px 4px -3px rgba(32, 77, 141, 0.03), 0 6px 10px 1px rgba(32, 77, 141, 0.06), 0 3px 14px 2px rgba(32, 77, 141, 0.05);
|
|||
|
|
width: -webkit-fit-content;
|
|||
|
|
width: fit-content;
|
|||
|
|
height: -webkit-fit-content;
|
|||
|
|
height: fit-content;
|
|||
|
|
bottom: 35px;
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-dialog-dark[data-v-bf58df78] {
|
|||
|
|
background: #22262E;
|
|||
|
|
box-shadow: 0 8px 40px 0 rgba(23, 25, 31, 0.6), 0 4px 12px 0 rgba(23, 25, 31, 0.8);
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-h5-dialog[data-v-bf58df78] {
|
|||
|
|
position: static !important;
|
|||
|
|
width: 100%;
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-uni[data-v-bf58df78] {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
position: static;
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-uni-icon[data-v-bf58df78] {
|
|||
|
|
background: #fff;
|
|||
|
|
border-radius: 15px;
|
|||
|
|
width: 60px;
|
|||
|
|
height: 60px;
|
|||
|
|
padding: 0;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-uni-title[data-v-bf58df78] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #8F959D;
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-uni-dialog[data-v-bf58df78] {
|
|||
|
|
position: absolute !important;
|
|||
|
|
background: transparent;
|
|||
|
|
left: -10px;
|
|||
|
|
bottom: -5px;
|
|||
|
|
}
|
|||
|
|
.toolbar-item-container-uni-dialog .toolbar-bottom-popup[data-v-bf58df78] {
|
|||
|
|
position: -webkit-sticky;
|
|||
|
|
position: sticky;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-2d15f470], div[data-v-2d15f470], ul[data-v-2d15f470], ol[data-v-2d15f470], dt[data-v-2d15f470], dd[data-v-2d15f470], li[data-v-2d15f470], dl[data-v-2d15f470], h1[data-v-2d15f470], h2[data-v-2d15f470], h3[data-v-2d15f470], h4[data-v-2d15f470], p[data-v-2d15f470] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-2d15f470], ul[data-v-2d15f470], li[data-v-2d15f470] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-2d15f470] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-2d15f470] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-2d15f470] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-2d15f470] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-2d15f470]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-2d15f470], uni-textarea[data-v-2d15f470] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-2d15f470]:focus, uni-input[data-v-2d15f470]:active, uni-textarea[data-v-2d15f470]:focus, uni-textarea[data-v-2d15f470]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-2d15f470] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-11a33e36], div[data-v-11a33e36], ul[data-v-11a33e36], ol[data-v-11a33e36], dt[data-v-11a33e36], dd[data-v-11a33e36], li[data-v-11a33e36], dl[data-v-11a33e36], h1[data-v-11a33e36], h2[data-v-11a33e36], h3[data-v-11a33e36], h4[data-v-11a33e36], p[data-v-11a33e36] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-11a33e36], ul[data-v-11a33e36], li[data-v-11a33e36] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-11a33e36] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-11a33e36] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-11a33e36] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-11a33e36] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-11a33e36]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-11a33e36], uni-textarea[data-v-11a33e36] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-11a33e36]:focus, uni-input[data-v-11a33e36]:active, uni-textarea[data-v-11a33e36]:focus, uni-textarea[data-v-11a33e36]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-11a33e36] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.evaluate[data-v-74e4698c] {
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|||
|
|
}
|
|||
|
|
.evaluate-header-content[data-v-74e4698c] {
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #1c1c1c;
|
|||
|
|
}
|
|||
|
|
.evaluate-adv[data-v-74e4698c] {
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.evaluate-adv a[data-v-74e4698c] {
|
|||
|
|
color: #006eff;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-text[data-v-74e4698c] {
|
|||
|
|
background: #f8f8f8;
|
|||
|
|
border: 1px solid #ececec;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-list-item[data-v-74e4698c] {
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #50545c;
|
|||
|
|
}
|
|||
|
|
.evaluate-H5-main[data-v-74e4698c] {
|
|||
|
|
background: rgba(0, 0, 0, 0.5);
|
|||
|
|
}
|
|||
|
|
.evaluate-H5-main .evaluate-main-content[data-v-74e4698c] {
|
|||
|
|
background: #fff;
|
|||
|
|
}
|
|||
|
|
.evaluate-H5-main .evaluate-main-content p a[data-v-74e4698c] {
|
|||
|
|
color: #3370ff;
|
|||
|
|
}
|
|||
|
|
.evaluate-H5-main .evaluate-main-content .close[data-v-74e4698c] {
|
|||
|
|
font-family: PingFangSC-Regular;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #3370ff;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
.evaluate[data-v-74e4698c] {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 5;
|
|||
|
|
width: 315px;
|
|||
|
|
top: -255px;
|
|||
|
|
padding: 12px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
background: url("https://web.sdk.qcloud.com/im/assets/images/login-background.png") no-repeat;
|
|||
|
|
background-color: #fff;
|
|||
|
|
background-size: cover;
|
|||
|
|
background-position-x: 128px;
|
|||
|
|
background-position-y: 77px;
|
|||
|
|
-webkit-user-select: none;
|
|||
|
|
user-select: none;
|
|||
|
|
}
|
|||
|
|
.evaluate-header-content[data-v-74e4698c] {
|
|||
|
|
font-style: normal;
|
|||
|
|
font-size: 12px;
|
|||
|
|
line-height: 17px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.evaluate-content[data-v-74e4698c] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 12px 0;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-list[data-v-74e4698c] {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-list-item[data-v-74e4698c] {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px;
|
|||
|
|
text-align: center;
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding: 4px 0;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding-right: 15px;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-list-item[data-v-74e4698c]:last-child {
|
|||
|
|
padding-right: 0 !important;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-text[data-v-74e4698c] {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 288px;
|
|||
|
|
height: 90px;
|
|||
|
|
margin: 12px 0;
|
|||
|
|
padding: 12px;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
resize: none;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-button .btn[data-v-74e4698c] {
|
|||
|
|
border: none;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 24px;
|
|||
|
|
padding: 2px 46px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-button .btn-valid[data-v-74e4698c] {
|
|||
|
|
background-color: #3370ff;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.evaluate-content-button .btn-invalid[data-v-74e4698c] {
|
|||
|
|
background-color: #a0cfff;
|
|||
|
|
cursor: not-allowed;
|
|||
|
|
}
|
|||
|
|
.evaluate-adv[data-v-74e4698c] {
|
|||
|
|
font-size: 12px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.evaluate-adv a[data-v-74e4698c] {
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5[data-v-74e4698c] {
|
|||
|
|
position: static;
|
|||
|
|
width: 100%;
|
|||
|
|
height: -webkit-fit-content;
|
|||
|
|
height: fit-content;
|
|||
|
|
border-radius: 0;
|
|||
|
|
background: #fff;
|
|||
|
|
padding: 23px !important;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-header[data-v-74e4698c] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-header-content[data-v-74e4698c] {
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-header-close[data-v-74e4698c] {
|
|||
|
|
font-size: 18px;
|
|||
|
|
line-height: 27px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #3370ff;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-content[data-v-74e4698c] {
|
|||
|
|
order: 1;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-content-list-item[data-v-74e4698c] {
|
|||
|
|
width: 40px;
|
|||
|
|
height: 24px;
|
|||
|
|
text-align: center;
|
|||
|
|
cursor: auto;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-content-text[data-v-74e4698c] {
|
|||
|
|
font-size: 16px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-content-button[data-v-74e4698c] {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-content-button .btn[data-v-74e4698c] {
|
|||
|
|
flex: 1;
|
|||
|
|
padding: 14px 0;
|
|||
|
|
font-size: 18px;
|
|||
|
|
cursor: auto;
|
|||
|
|
}
|
|||
|
|
.evaluate-h5-adv[data-v-74e4698c] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: normal;
|
|||
|
|
text-align: left;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
body[data-v-74e4698c], div[data-v-74e4698c], ul[data-v-74e4698c], ol[data-v-74e4698c], dt[data-v-74e4698c], dd[data-v-74e4698c], li[data-v-74e4698c], dl[data-v-74e4698c], h1[data-v-74e4698c], h2[data-v-74e4698c], h3[data-v-74e4698c], h4[data-v-74e4698c], p[data-v-74e4698c] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-74e4698c], ul[data-v-74e4698c], li[data-v-74e4698c] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-74e4698c] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-74e4698c] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-74e4698c] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-74e4698c] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-74e4698c]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-74e4698c], uni-textarea[data-v-74e4698c] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-74e4698c]:focus, uni-input[data-v-74e4698c]:active, uni-textarea[data-v-74e4698c]:focus, uni-textarea[data-v-74e4698c]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-74e4698c] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-ac0e1580], div[data-v-ac0e1580], ul[data-v-ac0e1580], ol[data-v-ac0e1580], dt[data-v-ac0e1580], dd[data-v-ac0e1580], li[data-v-ac0e1580], dl[data-v-ac0e1580], h1[data-v-ac0e1580], h2[data-v-ac0e1580], h3[data-v-ac0e1580], h4[data-v-ac0e1580], p[data-v-ac0e1580] {
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
font-style:normal;
|
|||
|
|
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-ac0e1580], ul[data-v-ac0e1580], li[data-v-ac0e1580] {
|
|||
|
|
list-style:none;
|
|||
|
|
}
|
|||
|
|
img[data-v-ac0e1580] {
|
|||
|
|
border:0;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
pointer-events:none;
|
|||
|
|
}
|
|||
|
|
body[data-v-ac0e1580] {
|
|||
|
|
color:#000;
|
|||
|
|
background:#FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-ac0e1580] {
|
|||
|
|
clear:both;
|
|||
|
|
height:1px;
|
|||
|
|
width:100%;
|
|||
|
|
overflow:hidden;
|
|||
|
|
margin-top:-1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-ac0e1580] {
|
|||
|
|
color:#000;
|
|||
|
|
text-decoration:none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-ac0e1580]:hover {
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-ac0e1580], uni-textarea[data-v-ac0e1580] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-ac0e1580]:focus, uni-input[data-v-ac0e1580]:active, uni-textarea[data-v-ac0e1580]:focus, uni-textarea[data-v-ac0e1580]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-ac0e1580] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.words[data-v-ac0e1580] {
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
}
|
|||
|
|
.words-header-close[data-v-ac0e1580] {
|
|||
|
|
color: #3370ff;
|
|||
|
|
}
|
|||
|
|
.words[data-v-ac0e1580] {
|
|||
|
|
z-index: 5;
|
|||
|
|
width: 315px;
|
|||
|
|
padding: 12px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
width: 19.13rem;
|
|||
|
|
height: 12.44rem;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
}
|
|||
|
|
.words-header[data-v-ac0e1580] {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
.words-list[data-v-ac0e1580] {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.words-list-item[data-v-ac0e1580] {
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding: 4px 0;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #50545c;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
.words-list-item[data-v-ac0e1580]:hover {
|
|||
|
|
color: #006eff;
|
|||
|
|
}
|
|||
|
|
.words-h5[data-v-ac0e1580] {
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
max-height: 80vh;
|
|||
|
|
height: -webkit-fit-content;
|
|||
|
|
height: fit-content;
|
|||
|
|
overflow: hidden;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.words-h5-header-title[data-v-ac0e1580] {
|
|||
|
|
font-size: 18px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
}
|
|||
|
|
.words-h5-list[data-v-ac0e1580] {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
}
|
|||
|
|
.words-h5-list-item[data-v-ac0e1580] {
|
|||
|
|
cursor: none;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
-moz-tap-highlight-color: transparent;
|
|||
|
|
padding: 12px 0;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #50545c;
|
|||
|
|
line-height: 18px;
|
|||
|
|
border-bottom: 1px solid #eeeeee;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-194fb307], div[data-v-194fb307], ul[data-v-194fb307], ol[data-v-194fb307], dt[data-v-194fb307], dd[data-v-194fb307], li[data-v-194fb307], dl[data-v-194fb307], h1[data-v-194fb307], h2[data-v-194fb307], h3[data-v-194fb307], h4[data-v-194fb307], p[data-v-194fb307] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-194fb307], ul[data-v-194fb307], li[data-v-194fb307] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-194fb307] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-194fb307] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-194fb307] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-194fb307] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-194fb307]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-194fb307], uni-textarea[data-v-194fb307] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-194fb307]:focus, uni-input[data-v-194fb307]:active, uni-textarea[data-v-194fb307]:focus, uni-textarea[data-v-194fb307]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-194fb307] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.emoji-picker[data-v-194fb307] {
|
|||
|
|
width: 405px;
|
|||
|
|
height: 300px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-list[data-v-194fb307] {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
margin: 2px;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-list[data-v-194fb307]::-webkit-scrollbar {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-list-item[data-v-194fb307] {
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding: 5px;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-list-item .emoji[data-v-194fb307] {
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-list-item .emoji-big[data-v-194fb307] {
|
|||
|
|
width: 70px;
|
|||
|
|
height: 70px;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-tab[data-v-194fb307] {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-tab-item[data-v-194fb307] {
|
|||
|
|
padding: 0 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-tab-item .icon[data-v-194fb307] {
|
|||
|
|
margin: 10px;
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-tab-item .icon-big[data-v-194fb307] {
|
|||
|
|
margin: 2px 0;
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-h5[data-v-194fb307] {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-h5-list[data-v-194fb307] {
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-h5-list[data-v-194fb307]::after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
flex: 1 1 auto;
|
|||
|
|
}
|
|||
|
|
.emoji-picker-h5 .send-btn[data-v-194fb307] {
|
|||
|
|
width: 50px;
|
|||
|
|
height: 30px;
|
|||
|
|
background-color: #55C06A;
|
|||
|
|
position: absolute;
|
|||
|
|
right: 10px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #fff;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 30px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-42c7481c], div[data-v-42c7481c], ul[data-v-42c7481c], ol[data-v-42c7481c], dt[data-v-42c7481c], dd[data-v-42c7481c], li[data-v-42c7481c], dl[data-v-42c7481c], h1[data-v-42c7481c], h2[data-v-42c7481c], h3[data-v-42c7481c], h4[data-v-42c7481c], p[data-v-42c7481c] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-42c7481c], ul[data-v-42c7481c], li[data-v-42c7481c] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-42c7481c] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-42c7481c] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-42c7481c] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-42c7481c] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-42c7481c]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-42c7481c], uni-textarea[data-v-42c7481c] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-42c7481c]:focus, uni-input[data-v-42c7481c]:active, uni-textarea[data-v-42c7481c]:focus, uni-textarea[data-v-42c7481c]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-42c7481c] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
/* stylelint-disable */
|
|||
|
|
.message-input-toolbar[data-v-42c7481c] {
|
|||
|
|
border-top: 1px solid #f4f5f9;
|
|||
|
|
width: 100%;
|
|||
|
|
max-width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
z-index: 100;
|
|||
|
|
user-select: none;
|
|||
|
|
-webkit-touch-callout: none;
|
|||
|
|
-webkit-user-select: none;
|
|||
|
|
-khtml-user-select: none;
|
|||
|
|
-moz-user-select: none;
|
|||
|
|
-ms-user-select: none;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-list[data-v-42c7481c] {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-list .extension-list[data-v-42c7481c] {
|
|||
|
|
list-style: none;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-list .extension-list-item[data-v-42c7481c] {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
padding: 12px 10px 1px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-h5[data-v-42c7481c] {
|
|||
|
|
padding: 5px 10px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-uni[data-v-42c7481c] {
|
|||
|
|
background-color: #ebf0f6;
|
|||
|
|
flex-direction: column;
|
|||
|
|
z-index: 100;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-uni-list[data-v-42c7481c] {
|
|||
|
|
flex: 1;
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: repeat(4, 25%);
|
|||
|
|
grid-template-rows: repeat(2, 100px);
|
|||
|
|
}
|
|||
|
|
wx-swiper .wx-swiper-wrapper[data-v-42c7481c],
|
|||
|
|
wx-swiper .wx-swiper-slides[data-v-42c7481c],
|
|||
|
|
wx-swiper .wx-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-list[data-v-42c7481c] {
|
|||
|
|
overflow: visible !important;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar .bottom-popup[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar .bottom-popup-h5[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar .bottom-popup-uni[data-v-42c7481c] {
|
|||
|
|
position: -webkit-sticky !important;
|
|||
|
|
position: sticky !important;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 220px;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper,
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper[data-v-42c7481c] {
|
|||
|
|
overflow: visible !important;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides,
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides[data-v-42c7481c] {
|
|||
|
|
overflow: visible !important;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame,
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame[data-v-42c7481c] {
|
|||
|
|
overflow: visible !important;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list,
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c] {
|
|||
|
|
overflow: visible !important;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni,
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c] {
|
|||
|
|
position: static !important;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog,
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c] {
|
|||
|
|
position: absolute !important;
|
|||
|
|
background: transparent;
|
|||
|
|
left: -10px;
|
|||
|
|
bottom: -5px;
|
|||
|
|
}
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
|
|||
|
|
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c] {
|
|||
|
|
position: -webkit-sticky !important;
|
|||
|
|
position: sticky !important;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
body[data-v-04dfedea], div[data-v-04dfedea], ul[data-v-04dfedea], ol[data-v-04dfedea], dt[data-v-04dfedea], dd[data-v-04dfedea], li[data-v-04dfedea], dl[data-v-04dfedea], h1[data-v-04dfedea], h2[data-v-04dfedea], h3[data-v-04dfedea], h4[data-v-04dfedea], p[data-v-04dfedea] {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-style: normal;
|
|||
|
|
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
|||
|
|
}
|
|||
|
|
ol[data-v-04dfedea], ul[data-v-04dfedea], li[data-v-04dfedea] {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
img[data-v-04dfedea] {
|
|||
|
|
border: 0;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
body[data-v-04dfedea] {
|
|||
|
|
color: #000;
|
|||
|
|
background: #FFF;
|
|||
|
|
}
|
|||
|
|
.clear[data-v-04dfedea] {
|
|||
|
|
clear: both;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
}
|
|||
|
|
a[data-v-04dfedea] {
|
|||
|
|
color: #000;
|
|||
|
|
text-decoration: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
a[data-v-04dfedea]:hover {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-04dfedea], uni-textarea[data-v-04dfedea] {
|
|||
|
|
-webkit-user-select: auto;
|
|||
|
|
user-select: auto;
|
|||
|
|
}
|
|||
|
|
uni-input[data-v-04dfedea]:focus, uni-input[data-v-04dfedea]:active, uni-textarea[data-v-04dfedea]:focus, uni-textarea[data-v-04dfedea]:active {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
.chat-aside[data-v-04dfedea] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
right: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 360px !important;
|
|||
|
|
border-radius: 8px 0 0 8px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
max-height: calc(100% - 50px);
|
|||
|
|
}
|
|||
|
|
.tui-chat[data-v-04dfedea] {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
max-width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.tui-chat-default[data-v-04dfedea] {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.tui-chat-header[data-v-04dfedea] {
|
|||
|
|
padding: 10px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.tui-chat-message-list[data-v-04dfedea] {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow: hidden;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.tui-chat-leave-group[data-v-04dfedea] {
|
|||
|
|
font-size: 14px;
|
|||
|
|
height: 160px;
|
|||
|
|
border-top: 1px solid #efefef;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.tui-chat-leave-group-mobile[data-v-04dfedea] {
|
|||
|
|
height: 50px;
|
|||
|
|
}
|
|||
|
|
.tui-chat-message-input[data-v-04dfedea] {
|
|||
|
|
height: 160px;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.chat[data-v-04dfedea] {
|
|||
|
|
display: block;
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5-message-list[data-v-04dfedea] {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow: hidden;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5-message-input[data-v-04dfedea] {
|
|||
|
|
height: auto;
|
|||
|
|
padding: 10px 10px 0;
|
|||
|
|
border-top: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
.tui-chat-h5-message-input-toolbar[data-v-04dfedea] {
|
|||
|
|
order: 1;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
.tui-chat-uniapp-header[data-v-04dfedea] {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.group-profile[data-v-04dfedea] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 14%;
|
|||
|
|
right: 0;
|
|||
|
|
width: 50px;
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
color: #000;
|
|||
|
|
font-size: 10px;
|
|||
|
|
border-top-left-radius: 20px;
|
|||
|
|
border-bottom-left-radius: 20px;
|
|||
|
|
padding-left: 15px;
|
|||
|
|
z-index: 100;
|
|||
|
|
background-color: #ccc;
|
|||
|
|
opacity: 0.5;
|
|||
|
|
}
|
|||
|
|
.tui-chat-uni-message-input[data-v-04dfedea] {
|
|||
|
|
max-height: 370px;
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
.tui-chat-uni-message-input-toolbar[data-v-04dfedea] {
|
|||
|
|
z-index: 100;
|
|||
|
|
}
|
|||
|
|
.tui-chat-wx-message-input[data-v-04dfedea] {
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
[data-v-04dfedea]:not(not) {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
min-width: 0;
|
|||
|
|
}
|