样式优化

master
wujingling0908 2 weeks ago
parent 2c3347cdae
commit bebd8c816b
  1. 2
      index.html
  2. BIN
      public/favicon.ico
  3. 34
      src/assets/style/base.css
  4. 14
      src/components/Audio.vue
  5. 108
      src/components/appraise-popup.vue
  6. 40
      src/components/business-handle.vue
  7. 136
      src/components/chat-content.vue
  8. 2
      src/components/chat-new.vue
  9. 12
      src/components/common/DynamicImage.vue
  10. 20
      src/components/edit-address.vue
  11. 30
      src/components/emoticon-box.vue
  12. 2
      src/components/footer-bar.vue
  13. 32
      src/components/formConfig.vue
  14. 36
      src/components/geriatric-discourse.vue
  15. 15
      src/components/previewPDF/index.vue
  16. 126
      src/components/product/index.vue
  17. 1
      src/utils/https.js
  18. 2
      src/utils/socket.js
  19. 2
      src/utils/utils.js

@ -7,7 +7,7 @@
name="viewport" name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
/> />
<title>小蓝理赔</title> <title>小蓝管家</title>
</head> </head>
<body> <body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

@ -1,6 +1,6 @@
.app-header { .app-header {
width: 100%; width: 100%;
height: 43px; height: 43rem;
text-align: center; text-align: center;
z-index: 100; z-index: 100;
position: fixed; position: fixed;
@ -10,10 +10,10 @@
height: 0; height: 0;
} }
.app-header.isNoticeShow{ .app-header.isNoticeShow{
height: 83px; height: 83rem;
} }
.app-header.wxHeader.isNoticeShow{ .app-header.wxHeader.isNoticeShow{
height: 40px; height: 40rem;
} }
.header-box{ .header-box{
display: -webkit-box; display: -webkit-box;
@ -24,14 +24,14 @@
-webkit-align-items: center; -webkit-align-items: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
height: 43px; height: 43rem;
line-height: 43px; line-height: 43rem;
padding: 0 15px; padding: 0 15rem;
background: #0074e1; background: #0074e1;
color: #fff; color: #fff;
} }
.m-header-button{ .m-header-button{
width: 50px; width: 50rem;
-ms-flex-align: stretch; -ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
} }
@ -53,15 +53,15 @@
color: #fff; color: #fff;
} }
.icon-back{ .icon-back{
width: 14px; width: 14rem;
height: 43px; height: 43rem;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRjdENUUyMDFDQzMxMUVBODlGODhGN0E1MzFFMERDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRjdENUUyMTFDQzMxMUVBODlGODhGN0E1MzFFMERDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGN0Q1RTFFMUNDMzExRUE4OUY4OEY3QTUzMUUwREM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBGN0Q1RTFGMUNDMzExRUE4OUY4OEY3QTUzMUUwREM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FEoIbwAAAKlJREFUeNqs1TEOgDAIBVDBwVN4cc/nCRwdxHYwqU1L4ZcmLia+ABUgEVnA8/uQIxAUaqbAEUg6xBGIJyIVsUJDxAKZkBFkRjTIhfQgN9KCIKSGYKSEppAPmka0WyNvJ6NjZPo/UiGKwHhQE0FSy9iDYnWNVjQy7lz97cVIWUchY8QdGRkWZMioNUdmbZEtPZeGkXP3hyxINU2k+3OaZ9QY2VNJjvLFK8AAmIwyrRG+e5YAAAAASUVORK5CYII=') no-repeat left center; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRjdENUUyMDFDQzMxMUVBODlGODhGN0E1MzFFMERDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRjdENUUyMTFDQzMxMUVBODlGODhGN0E1MzFFMERDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGN0Q1RTFFMUNDMzExRUE4OUY4OEY3QTUzMUUwREM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBGN0Q1RTFGMUNDMzExRUE4OUY4OEY3QTUzMUUwREM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FEoIbwAAAKlJREFUeNqs1TEOgDAIBVDBwVN4cc/nCRwdxHYwqU1L4ZcmLia+ABUgEVnA8/uQIxAUaqbAEUg6xBGIJyIVsUJDxAKZkBFkRjTIhfQgN9KCIKSGYKSEppAPmka0WyNvJ6NjZPo/UiGKwHhQE0FSy9iDYnWNVjQy7lz97cVIWUchY8QdGRkWZMioNUdmbZEtPZeGkXP3hyxINU2k+3OaZ9QY2VNJjvLFK8AAmIwyrRG+e5YAAAAASUVORK5CYII=') no-repeat left center;
background-size: 9.5px auto; background-size: 9.5rem auto;
} }
.back-tit{ .back-tit{
padding-top: 3px; padding-top: 3rem;
font-size: 16px; font-size: 16rem;
line-height: 16px; line-height: 16rem;
} }
.m-header-button.is-right{ .m-header-button.is-right{
text-align: right; text-align: right;
@ -71,8 +71,8 @@
flex: 1; flex: 1;
text-align: center; text-align: center;
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 17px; font-size: 17rem;
line-height: 43px; line-height: 43rem;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -87,7 +87,7 @@
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
/*margin-bottom: -50px;*/ /*margin-bottom: -50rem;*/
} }
.app-content ._full_inner { .app-content ._full_inner {
@ -98,7 +98,7 @@
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
height: auto; height: auto;
min-height: 54px; min-height: 54rem;
line-height: inherit; line-height: inherit;
text-align: center; text-align: center;
/* background: #EEF2F8; */ /* background: #EEF2F8; */

@ -137,21 +137,21 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.voiceElement { .voiceElement {
border-radius: 14px 0 14px 14px; border-radius: 14rem 0 14rem 14rem;
overflow: hidden; overflow: hidden;
.audioBody { .audioBody {
width: 150px; width: 150rem;
height: 50px; height: 50rem;
background: #025cea; background: #025cea;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
.audioImg { .audioImg {
width: 40px; width: 40rem;
transform: scaleX(-1); transform: scaleX(-1);
margin-right: 20px; margin-right: 20rem;
} }
.audio { .audio {
@ -159,9 +159,9 @@ onMounted(() => {
} }
.seconds { .seconds {
margin-right: 15px; margin-right: 15rem;
color: #fff; color: #fff;
font-size: 25px; font-size: 25rem;
} }
} }
} }

@ -251,23 +251,23 @@ getReasonList()
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100%; height: 100%;
padding: 0 20.5px; padding: 0 20.5rem;
} }
.wrapper-content { .wrapper-content {
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
border-radius: 12px; border-radius: 12rem;
position: relative; position: relative;
padding: 14px 0 24px 0; padding: 14rem 0 24rem 0;
} }
.wrapper-content .appraise-close-btn { .wrapper-content .appraise-close-btn {
display: block; display: block;
position: absolute; position: absolute;
right: 10px; right: 10rem;
top: 14px; top: 14rem;
text-indent: -9999px; text-indent: -9999rem;
width: 16px; width: 16rem;
height: 16px; height: 16rem;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAAAXNSR0IArs4c6QAABXlJREFUWAmtl31InVUcx7texbBaYVt5jTIoZro5Ih3RG5HaqD9K+yOHa/1RgZl653WZKURIBCuCdctp6h+1YFskg5K0P4YvxXKNQqIXeqEVvZDTstHE99c+39tznp57fe71mXjgcM75vXx/3+d3fs95zuO76AJaRUVFit/vv3tpaanE5/NtX1lZyWTMFATzEeYjjN9g043Nx52dnQte4X1eDKurq69cXFx8jiCPYX85fYqgwya4MJhHSDHms7yEfh6bt5KTk19sbW39WzaJWkIiXV1d/r6+vmcAbCKAwI8lJSV1ZWRk9DU3N8+6ASO/eHR0tHh5ebkM/R58p/A9UFxc/EpZWdmSm49kcYmEQqErpqen38VmF2DdpLupra3tu3hAbvKqqqoctugARErQn0hLS9sdDof/cbN1JcJWZC0sLJzA4Xoy8FR7e/ubbs5eZZWVlY+ToTew/yUlJWUXW/VrrO8qIjzFpdTDKQyvpT9AwX0S67SeNYV+J34f0H+nbm4nu5NOnCTnghT6SOURZLlsR9lGkVAMYQlT2IqhWJKb5jcTjWNjY49i0ITD/o6OjmNO3UbMh4eHfy4oKDhPjFBvb+8Z1l8ZXJtVMBhMnZub+wES49TETsYVY8Qe68wI0Rt5snEjTzSyFQEwwvSXwPvC2ILhA+9zxs2pqanZLS0tc9LZWwOJJ1ln4djgJCEjCi0LxyeY9hNgs2SJGnWWAcYgPg/ju8VpK2zFQJZlxYyobSIoH6F/BvsBp6PmZKGXt2c/0x30hGRqa2uvpthFYqveOHz19kU1xVAsxTSKCJGamppMHHfS3zOK2BHnV3EMIY9LhpRfNTs7qwfJtl77jlgcs1YsxVRsySJEODPuZ+7jteo2hm4jBfwaZPahW0VGJNiGAcBz1iIhbCuWz4pt18gN6OY5aL6XUaIGmRYCBbGxyVDoWyDQjyzXCwnhW7HmmSq2TSTA/CxPa78pUsZrbNMhbKvR59H7Kbp+iGzzSkK4VqyzTBU7esioBF4bmWkDrAl7ZSYPEo0QjFsTcXAVM0O6SI3wNJOA6uvquek1xm8PDsriCvWxV1vkGQBDxQRjSj4RIgh0oYlUrxcg6yxRTeThW6UtYb59fn5+QEXrBUM2iqnYmpuMaJFeX1+/ZlYcJHYAUsMWsSPtHSID8Db6oM4SgSdq+riiT8f+fyKAnJbTxMTEvYmcnSTwCapOjL2DTM7MzMygTlejcxs59IolN7EjGSksLDyJ7By9VEq35iSBvpbAh2LtDBnkN+l0XYOMYp2zYv+3NbrCkeYeFCUE1J00qtXV1aUjUE3oDanj2H49ysCxcJDJ5nP/kVvN6PaHiy7gPeb6GMmIhXMQxSa6XsmoRqofRKCaeBoS4Sily8KQYf+30u+LNQGvUbGQHzQ6mwj7/SVOR1Hs01XRGGjk1TzKkZyLje3o1LvNRQafrEAgoIuW3YRNnFrFUkyjsO8jErAt18H0a4zOsLyLp582hhsxgp8Gzkli3EiMPPB/M7h2RiSwFOUY3szyML8GUXrjtJ7RwjpsYZc7SQjPHwvK9e1HrnPKRGhycjK/qKioZ2hoSB+ndbeGhobLxsfHjwPwEEQa2JK3Y8FWEZEBZE7l5+f/iVOQ+0Up89PI9IG64MZ23MJH8UMcb6XXkAnXNy6qRmKjAHIPMv1k6Xr4Dv15gH5iXLPhq8/7C/Ryuu65u/EdZHRtCYnIgw/ZJi4vz/LmhFimkaVhxvcptiF+lv5gjBzRyDOxu4bxDvSlyPUPPM3JGcbuZS7JE6zjtjWJGE+eMMB8L4H0+3gbgVwLGf0y+k/R67Z3hCx42lLPRAC1mz73HOG5ZEl33chXGwIjPP0IZ8e3PP1ftrHHyb/+R6X+8I7cugAAAABJRU5ErkJggg==") background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAAAXNSR0IArs4c6QAABXlJREFUWAmtl31InVUcx7texbBaYVt5jTIoZro5Ih3RG5HaqD9K+yOHa/1RgZl653WZKURIBCuCdctp6h+1YFskg5K0P4YvxXKNQqIXeqEVvZDTstHE99c+39tznp57fe71mXjgcM75vXx/3+d3fs95zuO76AJaRUVFit/vv3tpaanE5/NtX1lZyWTMFATzEeYjjN9g043Nx52dnQte4X1eDKurq69cXFx8jiCPYX85fYqgwya4MJhHSDHms7yEfh6bt5KTk19sbW39WzaJWkIiXV1d/r6+vmcAbCKAwI8lJSV1ZWRk9DU3N8+6ASO/eHR0tHh5ebkM/R58p/A9UFxc/EpZWdmSm49kcYmEQqErpqen38VmF2DdpLupra3tu3hAbvKqqqoctugARErQn0hLS9sdDof/cbN1JcJWZC0sLJzA4Xoy8FR7e/ubbs5eZZWVlY+ToTew/yUlJWUXW/VrrO8qIjzFpdTDKQyvpT9AwX0S67SeNYV+J34f0H+nbm4nu5NOnCTnghT6SOURZLlsR9lGkVAMYQlT2IqhWJKb5jcTjWNjY49i0ITD/o6OjmNO3UbMh4eHfy4oKDhPjFBvb+8Z1l8ZXJtVMBhMnZub+wES49TETsYVY8Qe68wI0Rt5snEjTzSyFQEwwvSXwPvC2ILhA+9zxs2pqanZLS0tc9LZWwOJJ1ln4djgJCEjCi0LxyeY9hNgs2SJGnWWAcYgPg/ju8VpK2zFQJZlxYyobSIoH6F/BvsBp6PmZKGXt2c/0x30hGRqa2uvpthFYqveOHz19kU1xVAsxTSKCJGamppMHHfS3zOK2BHnV3EMIY9LhpRfNTs7qwfJtl77jlgcs1YsxVRsySJEODPuZ+7jteo2hm4jBfwaZPahW0VGJNiGAcBz1iIhbCuWz4pt18gN6OY5aL6XUaIGmRYCBbGxyVDoWyDQjyzXCwnhW7HmmSq2TSTA/CxPa78pUsZrbNMhbKvR59H7Kbp+iGzzSkK4VqyzTBU7esioBF4bmWkDrAl7ZSYPEo0QjFsTcXAVM0O6SI3wNJOA6uvquek1xm8PDsriCvWxV1vkGQBDxQRjSj4RIgh0oYlUrxcg6yxRTeThW6UtYb59fn5+QEXrBUM2iqnYmpuMaJFeX1+/ZlYcJHYAUsMWsSPtHSID8Db6oM4SgSdq+riiT8f+fyKAnJbTxMTEvYmcnSTwCapOjL2DTM7MzMygTlejcxs59IolN7EjGSksLDyJ7By9VEq35iSBvpbAh2LtDBnkN+l0XYOMYp2zYv+3NbrCkeYeFCUE1J00qtXV1aUjUE3oDanj2H49ysCxcJDJ5nP/kVvN6PaHiy7gPeb6GMmIhXMQxSa6XsmoRqofRKCaeBoS4Sily8KQYf+30u+LNQGvUbGQHzQ6mwj7/SVOR1Hs01XRGGjk1TzKkZyLje3o1LvNRQafrEAgoIuW3YRNnFrFUkyjsO8jErAt18H0a4zOsLyLp582hhsxgp8Gzkli3EiMPPB/M7h2RiSwFOUY3szyML8GUXrjtJ7RwjpsYZc7SQjPHwvK9e1HrnPKRGhycjK/qKioZ2hoSB+ndbeGhobLxsfHjwPwEEQa2JK3Y8FWEZEBZE7l5+f/iVOQ+0Up89PI9IG64MZ23MJH8UMcb6XXkAnXNy6qRmKjAHIPMv1k6Xr4Dv15gH5iXLPhq8/7C/Ryuu65u/EdZHRtCYnIgw/ZJi4vz/LmhFimkaVhxvcptiF+lv5gjBzRyDOxu4bxDvSlyPUPPM3JGcbuZS7JE6zjtjWJGE+eMMB8L4H0+3gbgVwLGf0y+k/R67Z3hCx42lLPRAC1mz73HOG5ZEl33chXGwIjPP0IZ8e3PP1ftrHHyb/+R6X+8I7cugAAAABJRU5ErkJggg==")
no-repeat center; no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
@ -278,35 +278,35 @@ getReasonList()
} }
.wrapper-content .appraise-header-title { .wrapper-content .appraise-header-title {
font-family: NotoSansHans-Bold; font-family: NotoSansHans-Bold;
font-size: 15px; font-size: 15rem;
line-height: 23px; line-height: 23rem;
color: #333333; color: #333333;
padding: 0 20px; padding: 0 20rem;
} }
.appraise-item-box { .appraise-item-box {
align-items: flex-end; align-items: flex-end;
flex-wrap: wrap; flex-wrap: wrap;
margin: 16px 0 9px 0; margin: 16rem 0 9rem 0;
padding: 0 10px 0 15px; padding: 0 10rem 0 15rem;
} }
.appraise-item-box .cells-check-label { .appraise-item-box .cells-check-label {
position: relative; position: relative;
height: 28px; height: 28rem;
line-height: 28px; line-height: 28rem;
margin-left: 4px; margin-left: 4rem;
margin-right: 4px; margin-right: 4rem;
margin-bottom: 10px; margin-bottom: 10rem;
display: inherit; display: inherit;
} }
.appraise-item-box .cells-check-label .cell-ft { .appraise-item-box .cells-check-label .cell-ft {
border: 1px solid #5a9cff; border: 1rem solid #5a9cff;
border-radius: 4px; border-radius: 4rem;
font-family: NotoSansHans-Medium; font-family: NotoSansHans-Medium;
font-size: 15px; font-size: 15rem;
line-height: 15px; line-height: 15rem;
color: #5a9cff; color: #5a9cff;
text-align: center; text-align: center;
padding: 6px 2px; padding: 6rem 2rem;
display: inline-block; display: inline-block;
} }
.appraise-item-box .cells-check-label .cell-ft .icon-checked-txt { .appraise-item-box .cells-check-label .cell-ft .icon-checked-txt {
@ -320,71 +320,71 @@ getReasonList()
background-color: #5a9cff; background-color: #5a9cff;
} }
.appraise-item-other { .appraise-item-other {
padding: 0 20px; padding: 0 20rem;
} }
.appraise-item-other textarea { .appraise-item-other textarea {
display: block; display: block;
width: 100%; width: 100%;
min-height: 60px; min-height: 60rem;
max-height: 150px; max-height: 150rem;
background: #f7f7f7; background: #f7f7f7;
border-radius: 4px; border-radius: 4rem;
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14px; font-size: 14rem;
line-height: 21px; line-height: 21rem;
border: 0; border: 0;
padding: 7.5px 8.2px; padding: 7.5rem 8.2rem;
box-sizing: border-box; box-sizing: border-box;
} }
.appraise-item-other textarea::placeholder, .appraise-item-other textarea::placeholder,
.appraise-item-other textarea::-moz-placeholder, .appraise-item-other textarea::-moz-placeholder,
.appraise-item-other textarea::-ms-input-placeholder { .appraise-item-other textarea::-ms-input-placeholder {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14px; font-size: 14rem;
color: #cccccc; color: #cccccc;
background: #f7f7f7; background: #f7f7f7;
} }
.appraise-submit { .appraise-submit {
padding: 20px 20px 0 20px; padding: 20rem 20rem 0 20rem;
} }
.appraise-submit-btn { .appraise-submit-btn {
display: block; display: block;
width: 100%; width: 100%;
height: 40px; height: 40rem;
line-height: 40px; line-height: 40rem;
border: 0; border: 0;
background: #579aff; background: #579aff;
box-shadow: 1px 2px 5px 0 rgba(10, 75, 173, 0.42), box-shadow: 1rem 2rem 5rem 0 rgba(10, 75, 173, 0.42),
inset 0 -4px 15px 0 rgba(164, 203, 255, 0.25); inset 0 -4rem 15rem 0 rgba(164, 203, 255, 0.25);
border-radius: 6px; border-radius: 6rem;
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 16px; font-size: 16rem;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.elder-wrapper .appraise-header-main-title { .elder-wrapper .appraise-header-main-title {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 22px; font-size: 22rem;
color: #000000; color: #000000;
letter-spacing: 0; letter-spacing: 0;
text-align: center; text-align: center;
margin-bottom: 16px; margin-bottom: 16rem;
} }
.elder-wrapper .appraise-header-title { .elder-wrapper .appraise-header-title {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 18px; font-size: 18rem;
color: #7e849f; color: #7e849f;
letter-spacing: 0; letter-spacing: 0;
text-align: center; text-align: center;
} }
.elder-wrapper .appraise-item-box label { .elder-wrapper .appraise-item-box label {
padding: 0 12px !important; padding: 0 12rem !important;
display: flex !important; display: flex !important;
align-items: center; align-items: center;
height: 36px; height: 36rem;
} }
.elder-wrapper .appraise-item-box label span { .elder-wrapper .appraise-item-box label span {
@ -392,13 +392,13 @@ getReasonList()
} }
.elder-wrapper .appraise-item-box .cells-check-label { .elder-wrapper .appraise-item-box .cells-check-label {
height: 36px; height: 36rem;
} }
.elder-wrapper .appraise-item-box .cells-check-label .cell-ft { .elder-wrapper .appraise-item-box .cells-check-label .cell-ft {
background: #f7f8fa; background: #f7f8fa;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 20px; font-size: 20rem;
letter-spacing: 0; letter-spacing: 0;
color: #2c3562; color: #2c3562;
border: unset; border: unset;
@ -410,12 +410,12 @@ getReasonList()
.check-radio:checked .check-radio:checked
+ .text-checked { + .text-checked {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 20px; font-size: 20rem;
color: #025cea; color: #025cea;
letter-spacing: 0; letter-spacing: 0;
background: #f8f9fb; background: #f8f9fb;
border: 0.5px solid #025cea; border: 0.5rem solid #025cea;
border-radius: 4px; border-radius: 4rem;
} }
.elder-wrapper .appraise-close-btn { .elder-wrapper .appraise-close-btn {
@ -425,28 +425,28 @@ getReasonList()
.elder-wrapper .appraise-item-other textarea { .elder-wrapper .appraise-item-other textarea {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 20px; font-size: 20rem;
background: #f8f9fb; background: #f8f9fb;
min-height: 82px; min-height: 82rem;
} }
.elder-wrapper .appraise-item-other textarea::placeholder, .elder-wrapper .appraise-item-other textarea::placeholder,
.elder-wrapper .appraise-item-other textarea::-moz-placeholder, .elder-wrapper .appraise-item-other textarea::-moz-placeholder,
.elder-wrapper .appraise-item-other textarea::-ms-input-placeholder { .elder-wrapper .appraise-item-other textarea::-ms-input-placeholder {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 20px; font-size: 20rem;
color: #d0d2db; color: #d0d2db;
} }
.elder-wrapper .appraise-submit-btn { .elder-wrapper .appraise-submit-btn {
background: #025cea; background: #025cea;
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 18px; font-size: 18rem;
color: #ffffff; color: #ffffff;
} }
.close-btn { .close-btn {
position: absolute; position: absolute;
right: 10px; right: 10rem;
top: 14px; top: 14rem;
} }
</style> </style>

@ -1,10 +1,10 @@
<template> <template>
<div> <div>
<van-swipe style="height:30px;margin-top:10px" class="businessBox" vertical :scrollable="false" :autoplay="3000" <van-swipe style="height:30rem;margin-top:10rem" class="businessBox" vertical :scrollable="false" :autoplay="3000"
:show-indicators="false"> :show-indicators="false">
<van-swipe-item @click="swiperClick" v-for="(item, index) in businessHandleInfo.contents" :key="index"> <van-swipe-item @click="swiperClick" v-for="(item, index) in businessHandleInfo.contents" :key="index">
<div class="item"> <div class="item">
<img :src="getIconUrl(item.icon)" alt="" style="width:30px;height:30px;"> <img :src="getIconUrl(item.icon)" alt="" style="width:30rem;height:30rem;">
<div class="item-content"> <div class="item-content">
<div class="line">{{ item.name }}</div> <div class="line">{{ item.name }}</div>
<van-icon name="arrow-down" /> <van-icon name="arrow-down" />
@ -14,16 +14,16 @@
</van-swipe> </van-swipe>
<van-popup get-container="#app" v-model:show="Popupshow" round position="bottom" <van-popup get-container="#app" v-model:show="Popupshow" round position="bottom"
:style="{ padding: '15px', boxSizing: ' border-box' }"> :style="{ padding: '15rem', boxSizing: ' border-box' }">
<div class="displayFlex"> <div class="displayFlex">
<div style="font-size: 13px;color: #878D99;"> <div style="font-size: 13rem;color: #878D99;">
您有{{ businessHandleInfo.contents.length }}个待办{{ businessHandleInfo.tip }}</div> 您有{{ businessHandleInfo.contents.length }}个待办{{ businessHandleInfo.tip }}</div>
<van-icon name="close" color="#5A9CFF" @click="Popupshow = false" /> <van-icon name="close" color="#5A9CFF" @click="Popupshow = false" />
</div> </div>
<div class="popupContent"> <div class="popupContent">
<div class="item popupContentItem" v-for="(item, index) in businessHandleInfo.contents" :key="index" <div class="item popupContentItem" v-for="(item, index) in businessHandleInfo.contents" :key="index"
@click="richCallAnswer(item)"> @click="richCallAnswer(item)">
<img :src="getIconUrl(item.icon)" alt="" style="width:30px;height:30px;"> <img :src="getIconUrl(item.icon)" alt="" style="width:30rem;height:30rem;">
<div class="item-content"> <div class="item-content">
<div>{{ item.name }}</div> <div>{{ item.name }}</div>
<van-icon name="arrow" color="#5A9CFF" /> <van-icon name="arrow" color="#5A9CFF" />
@ -115,8 +115,8 @@ function scrollTopBody() {
<style scoped> <style scoped>
.businessBox { .businessBox {
background: #fff; background: #fff;
padding: 10px; padding: 10rem;
border-radius: 16px 16px 16px 2px; border-radius: 16rem 16rem 16rem 2rem;
} }
.item { .item {
@ -126,9 +126,9 @@ function scrollTopBody() {
} }
.item>img { .item>img {
width: 30px; width: 30rem;
height: 30px; height: 30rem;
margin-right: 10px; margin-right: 10rem;
} }
.item-content { .item-content {
@ -136,11 +136,11 @@ function scrollTopBody() {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-size: 15px; font-size: 15rem;
} }
.line { .line {
font-size: 14px; font-size: 14rem;
} }
.displayFlex { .displayFlex {
@ -150,19 +150,19 @@ function scrollTopBody() {
} }
.popupContent { .popupContent {
min-height: 180px; min-height: 180rem;
max-height: 290px; max-height: 290rem;
overflow: auto; overflow: auto;
} }
.popupContentItem { .popupContentItem {
height: 50px; height: 50rem;
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #F1F3F6; border: 1rem solid #F1F3F6;
padding: 13px; padding: 13rem;
box-shadow: 0 2px 8px 0 rgba(229, 234, 237, 0.50); box-shadow: 0 2rem 8rem 0 rgba(229, 234, 237, 0.50);
border-radius: 8px; border-radius: 8rem;
box-sizing: border-box; box-sizing: border-box;
margin: 7px 5px; margin: 7rem 5rem;
} }
</style> </style>

@ -37,7 +37,7 @@
<!-- 文本消息 --> <!-- 文本消息 -->
<div class="chat-content-txt"> <div class="chat-content-txt">
<div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading"> <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
<van-loading type="spinner" size="18px" /> <van-loading type="spinner" size="18rem" />
</div> </div>
<div class="chat-txt-content" v-if="item.msgText"> <div class="chat-txt-content" v-if="item.msgText">
<p class="messageBox" v-if=" <p class="messageBox" v-if="
@ -57,7 +57,7 @@
<!-- 文本消息 --> <!-- 文本消息 -->
<div class="chat-content-txt"> <div class="chat-content-txt">
<div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading"> <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
<van-loading type="spinner" size="18px" /> <van-loading type="spinner" size="18rem" />
</div> </div>
<div class="chat-txt-content" v-if="item.msgText"> <div class="chat-txt-content" v-if="item.msgText">
<p class="messageBox" v-if=" <p class="messageBox" v-if="
@ -79,7 +79,7 @@
<!-- 语音消息 --> <!-- 语音消息 -->
<div class="chat-content-txt"> <div class="chat-content-txt">
<div class="send-message-loading" v-if="item.sendLoading"> <div class="send-message-loading" v-if="item.sendLoading">
<van-loading type="spinner" size="18px" /> <van-loading type="spinner" size="18rem" />
</div> </div>
<Audio class="audio-box" :voiceNo="0" :voiceUrl="item.msgText" /> <Audio class="audio-box" :voiceNo="0" :voiceUrl="item.msgText" />
<!-- 语音内容:{{item.voiceNo}} --> <!-- 语音内容:{{item.voiceNo}} -->
@ -97,7 +97,7 @@
<div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '2'"> <div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '2'">
<div class="chat-content-image"> <div class="chat-content-image">
<div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading"> <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
<van-loading type="spinner" size="18px" /> <van-loading type="spinner" size="18rem" />
</div> </div>
<div class="chat-content-image-box" @click="ImagePreviewBox(item.msgText)" :data-timestamp="item.timestamp"> <div class="chat-content-image-box" @click="ImagePreviewBox(item.msgText)" :data-timestamp="item.timestamp">
<DynamicImage :image-key="item.msgText" /> <DynamicImage :image-key="item.msgText" />
@ -395,7 +395,7 @@
</div> </div>
</div> </div>
<div class="chat-items"> <div class="chat-items">
<div class="content-left-main computing-text-box" style="padding: 14px"> <div class="content-left-main computing-text-box" style="padding: 14rem">
<network-address :itemList="item" :disabled="true"></network-address> <network-address :itemList="item" :disabled="true"></network-address>
</div> </div>
</div> </div>
@ -412,7 +412,7 @@
</div> </div>
</div> </div>
<div class="chat-items"> <div class="chat-items">
<div class="content-left-main computing-text-box" style="padding: 14px"> <div class="content-left-main computing-text-box" style="padding: 14rem">
<gm-network-address :itemList="item"></gm-network-address> <gm-network-address :itemList="item"></gm-network-address>
</div> </div>
</div> </div>
@ -438,7 +438,7 @@
</div> </div>
</div> </div>
<div class="chat-items"> <div class="chat-items">
<div class="content-left-main computing-text-box" style="padding: 14px"> <div class="content-left-main computing-text-box" style="padding: 14rem">
<transfer-accounts :itemList="item" :disabled="true"></transfer-accounts> <transfer-accounts :itemList="item" :disabled="true"></transfer-accounts>
</div> </div>
</div> </div>
@ -457,7 +457,7 @@
</div> </div>
</div> </div>
<div class="chat-items"> <div class="chat-items">
<div class="content-left-main computing-text-box" style="padding: 14px"> <div class="content-left-main computing-text-box" style="padding: 14rem">
<xqjfzzsx-accounts :itemList="item" :disabled="true"></xqjfzzsx-accounts> <xqjfzzsx-accounts :itemList="item" :disabled="true"></xqjfzzsx-accounts>
</div> </div>
</div> </div>
@ -474,7 +474,7 @@
</div> </div>
</div> </div>
<div class="chat-items"> <div class="chat-items">
<div class="content-left-main computing-text-box" style="padding: 14px"> <div class="content-left-main computing-text-box" style="padding: 14rem">
<insurance-reservation :itemList="item" :disabled="true"></insurance-reservation> <insurance-reservation :itemList="item" :disabled="true"></insurance-reservation>
</div> </div>
</div> </div>
@ -542,7 +542,7 @@
</div> </div>
</div> </div>
<div class="chat-items"> <div class="chat-items">
<div class="content-left-main computing-text-box" style="padding: 14px"> <div class="content-left-main computing-text-box" style="padding: 14rem">
<policy-form-table :itemList="item"></policy-form-table> <policy-form-table :itemList="item"></policy-form-table>
</div> </div>
</div> </div>
@ -924,7 +924,7 @@
</div> </div>
</div> </div>
<div class="chat-items"> <div class="chat-items">
<div class="content-left-main computing-text-box" style="padding: 14px"> <div class="content-left-main computing-text-box" style="padding: 14rem">
<policy-form-table :itemList="item"></policy-form-table> <policy-form-table :itemList="item"></policy-form-table>
</div> </div>
</div> </div>
@ -1132,11 +1132,11 @@
" class="quote-image-preview" @click.stop="ImagePreviewBox(item.quoteData.quoteMsg)"> " class="quote-image-preview" @click.stop="ImagePreviewBox(item.quoteData.quoteMsg)">
引用内容: 引用内容:
<DynamicImage :image-key="item.quoteData.quoteMsg" alt="引用图片" style=" <DynamicImage :image-key="item.quoteData.quoteMsg" alt="引用图片" style="
width: 60px; width: 60rem;
height: 60px; height: 60rem;
vertical-align: middle; vertical-align: middle;
margin-left: 5px; margin-left: 5rem;
border-radius: 4px; border-radius: 4rem;
overflow: hidden; overflow: hidden;
" image-style="width: 100%; height: 100%; object-fit: cover;" /> " image-style="width: 100%; height: 100%; object-fit: cover;" />
</span> </span>
@ -1561,7 +1561,7 @@ export default {
input.value = textToCopy; input.value = textToCopy;
input.setAttribute('readonly', 'readonly'); input.setAttribute('readonly', 'readonly');
input.style.position = 'absolute'; input.style.position = 'absolute';
input.style.left = '-9999px'; input.style.left = '-9999rem';
document.body.appendChild(input); document.body.appendChild(input);
input.select(); input.select();
try { try {
@ -1624,10 +1624,10 @@ export default {
} }
this.$set(this.quoteMenuPositions, item.timestamp, { this.$set(this.quoteMenuPositions, item.timestamp, {
top: topOffset + "px", top: topOffset + "rem",
left: leftOffset + "px", left: leftOffset + "rem",
transform: `translateX(calc(-50% + ${menuShift}px))`, transform: `translateX(calc(-50% + ${menuShift}rem))`,
'--arrow-shift': `${-menuShift}px` '--arrow-shift': `${-menuShift}rem`
}); });
}, 700); }, 700);
}, },
@ -2182,38 +2182,38 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.showMoreCard { .showMoreCard {
margin-top: 50px; margin-top: 50rem;
overflow: visible; overflow: visible;
} }
.volumeBody { .volumeBody {
position: absolute; position: absolute;
top: 10px; top: 10rem;
right: 0px; right: 0rem;
} }
.volumeIcon { .volumeIcon {
float: right; float: right;
/* position: relative; */ /* position: relative; */
/* top: -30px; */ /* top: -30rem; */
width: 55px; width: 55rem;
height: 55px; height: 55rem;
} }
.humanJumpBtn { .humanJumpBtn {
display: block; display: block;
text-align: center; text-align: center;
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14px; font-size: 14rem;
height: 40px; height: 40rem;
line-height: 40px; line-height: 40rem;
color: #fff; color: #fff;
box-sizing: border-box; box-sizing: border-box;
margin: 14px 5px; margin: 14rem 5rem;
position: relative; position: relative;
background: #579aff; background: #579aff;
box-shadow: 1px 2px 5px 0 rgba(10, 75, 173, 0.42), inset 0 -4px 15px 0 rgba(164, 203, 255, 0.25); box-shadow: 1rem 2rem 5rem 0 rgba(10, 75, 173, 0.42), inset 0 -4rem 15rem 0 rgba(164, 203, 255, 0.25);
border-radius: 8px; border-radius: 8rem;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none; outline: none;
} }
@ -2223,20 +2223,20 @@ export default {
z-index: 1000; z-index: 1000;
background-color: #4c4c4c; background-color: #4c4c4c;
color: #fff; color: #fff;
border-radius: 4px; border-radius: 4rem;
padding: 8px 16px; padding: 8rem 16rem;
font-size: 14px; font-size: 14rem;
white-space: nowrap; white-space: nowrap;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2rem 8rem rgba(0, 0, 0, 0.15);
display: flex; display: flex;
align-items: center; align-items: center;
} }
.quote-menu-divider { .quote-menu-divider {
width: 1px; width: 1rem;
height: 14px; height: 14rem;
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
margin: 0 12px; margin: 0 12rem;
} }
.disable-sys-menu { .disable-sys-menu {
@ -2256,11 +2256,11 @@ export default {
.quote-arrow { .quote-arrow {
position: absolute; position: absolute;
bottom: -4px; bottom: -4rem;
left: calc(50% + var(--arrow-shift, 0px)); left: calc(50% + var(--arrow-shift, 0rem));
transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);
width: 8px; width: 8rem;
height: 8px; height: 8rem;
background-color: #4c4c4c; background-color: #4c4c4c;
} }
@ -2274,13 +2274,13 @@ export default {
display: flex; display: flex;
width: 100%; width: 100%;
clear: both; clear: both;
margin-top: 2px; margin-top: 2rem;
margin-bottom: 8px; margin-bottom: 8rem;
} }
.quote-display-wrapper.is-right { .quote-display-wrapper.is-right {
justify-content: flex-end; justify-content: flex-end;
padding-right: 50px; padding-right: 50rem;
/* 适配右侧气泡位置 */ /* 适配右侧气泡位置 */
} }
@ -2291,9 +2291,9 @@ export default {
.quote-display-inner { .quote-display-inner {
background-color: #f2f3f5; background-color: #f2f3f5;
padding: 6px 10px; padding: 6rem 10rem;
border-radius: 6px; border-radius: 6rem;
font-size: 13px; font-size: 13rem;
color: #999; color: #999;
max-width: 70%; max-width: 70%;
word-break: break-all; word-break: break-all;
@ -2305,18 +2305,18 @@ export default {
:deep(.quote-display-inner img[alt='big-image']) { :deep(.quote-display-inner img[alt='big-image']) {
display: inline-block !important; display: inline-block !important;
vertical-align: middle !important; vertical-align: middle !important;
width: 20px !important; width: 20rem !important;
height: 20px !important; height: 20rem !important;
max-width: 20px !important; max-width: 20rem !important;
max-height: 20px !important; max-height: 20rem !important;
margin: 0 2px !important; margin: 0 2rem !important;
} }
/* 人工客服接入提示卡片 */ /* 人工客服接入提示卡片 */
.service-opened-card { .service-opened-card {
position: relative; position: relative;
width: 100%; width: 100%;
margin: 20px 0 12px; margin: 20rem 0 12rem;
align-self: center; align-self: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2327,7 +2327,7 @@ export default {
.service-opened-card .card-header-box { .service-opened-card .card-header-box {
position: relative; position: relative;
width: 100%; width: 100%;
height: 95px; height: 95rem;
overflow: visible; overflow: visible;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -2337,17 +2337,17 @@ export default {
width: 100%; width: 100%;
height: 135%; height: 135%;
object-fit: cover; object-fit: cover;
border-top-left-radius: 16px; border-top-left-radius: 16rem;
border-top-right-radius: 16px; border-top-right-radius: 16rem;
display: block; display: block;
} }
.service-opened-card .card-body-img { .service-opened-card .card-body-img {
position: absolute; position: absolute;
top: -38px; top: -38rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 103px; width: 103rem;
height: auto; height: auto;
z-index: 1; z-index: 1;
pointer-events: none; pointer-events: none;
@ -2358,26 +2358,26 @@ export default {
z-index: 2; z-index: 2;
width: 100%; width: 100%;
background: linear-gradient(180deg, #f3f7ff 0%, #ffffff 100%); background: linear-gradient(180deg, #f3f7ff 0%, #ffffff 100%);
border-radius: 16px; border-radius: 16rem;
padding: 16px 16px 14px; padding: 16rem 16rem 14rem;
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); box-shadow: 0 4rem 16rem rgba(0, 0, 0, 0.04);
margin-top: -36px; margin-top: -36rem;
} }
.service-opened-card .card-title { .service-opened-card .card-title {
font-size: 15px; font-size: 15rem;
font-weight: 600; font-weight: 600;
color: #17204d; color: #17204d;
margin-top: 0; margin-top: 0;
line-height: 26px; line-height: 26rem;
} }
.service-opened-card .card-sub { .service-opened-card .card-sub {
font-size: 14px; font-size: 14rem;
color: #7e849f; color: #7e849f;
margin-top: 4px; margin-top: 4rem;
line-height: 1.3; line-height: 1.3;
} }
</style> </style>

@ -330,7 +330,7 @@ watch(
<div class="chat-new"> <div class="chat-new">
<div class="main-container" ref="mainContainerRef"> <div class="main-container" ref="mainContainerRef">
<div class="history-loading" v-if="historyLoading"> <div class="history-loading" v-if="historyLoading">
<van-loading type="spinner" size="18px" /> <van-loading type="spinner" size="18rem" />
</div> </div>
<div class="historicRecords" v-if="historylist.length > 0"> <div class="historicRecords" v-if="historylist.length > 0">
<chatContent :historylist="historylist" :isWX="isWX" :tokenExist="tokenExist" <chatContent :historylist="historylist" :isWX="isWX" :tokenExist="tokenExist"

@ -82,7 +82,7 @@ function setupLazyLoading() {
} }
}) })
}, },
{ rootMargin: '50px' }, { rootMargin: '50rem' },
) )
nextTick(() => { nextTick(() => {
@ -254,11 +254,11 @@ defineExpose({ reload, reset })
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 20px; width: 20rem;
height: 20px; height: 20rem;
margin: -10px 0 0 -10px; margin: -10rem 0 0 -10rem;
border: 2px solid #f3f3f3; border: 2rem solid #f3f3f3;
border-top: 2px solid #409eff; border-top: 2rem solid #409eff;
border-radius: 50%; border-radius: 50%;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }

@ -367,19 +367,19 @@ function submitInfo() {
<style scoped> <style scoped>
.edit-address-title-hd { .edit-address-title-hd {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14px; font-size: 14rem;
line-height: 21px; line-height: 21rem;
font-weight: 700; font-weight: 700;
color: #333333; color: #333333;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
overflow: hidden; overflow: hidden;
user-select: text; user-select: text;
padding-bottom: 15px; padding-bottom: 15rem;
} }
.edit-address-edit-box .van-cell { .edit-address-edit-box .van-cell {
padding: 10px 0; padding: 10rem 0;
} }
.edit-address-edit-box .van-cell:not(:last-child)::after { .edit-address-edit-box .van-cell:not(:last-child)::after {
@ -387,7 +387,7 @@ function submitInfo() {
} }
.edit-address-edit-box :deep(.van-field__label.edit-box-cell) { .edit-address-edit-box :deep(.van-field__label.edit-box-cell) {
width: 75px; width: 75rem;
} }
.code-btn.code-btn-disabled { .code-btn.code-btn-disabled {
@ -398,12 +398,12 @@ function submitInfo() {
} }
.edit-box-checkbox-item { .edit-box-checkbox-item {
padding: 20px 0 0 0; padding: 20rem 0 0 0;
display: inline-block; display: inline-block;
} }
.edit-box-checkbox-item :deep(.van-checkbox__label) { .edit-box-checkbox-item :deep(.van-checkbox__label) {
margin-top: 2px; margin-top: 2rem;
} }
.customer-info { .customer-info {
@ -416,7 +416,7 @@ function submitInfo() {
} }
.edit-address-box .van-address-edit-btn { .edit-address-box .van-address-edit-btn {
padding: 30px 0 10px 0; padding: 30rem 0 10rem 0;
} }
.customer-info-wrapper { .customer-info-wrapper {
@ -429,8 +429,8 @@ function submitInfo() {
.customer-info-content { .customer-info-content {
overflow-x: hidden; overflow-x: hidden;
width: 85%; width: 85%;
height: 120px; height: 120rem;
background-color: #fff; background-color: #fff;
border-radius: 16px; border-radius: 16rem;
} }
</style> </style>

@ -3,13 +3,13 @@
<div class="emoticon-panel"> <div class="emoticon-panel">
<div <div
class="emoticon-pages" class="emoticon-pages"
:style="{ width: scrollWidth + 'px', transform: `translateX(-${scrollPosition}px)` }" :style="{ width: scrollWidth + 'rem', transform: `translateX(-${scrollPosition}rem)` }"
> >
<div <div
class="emoticon-page" class="emoticon-page"
v-for="(page, pageIndex) in faces" v-for="(page, pageIndex) in faces"
:key="pageIndex" :key="pageIndex"
:style="{ width: pageWidth + 'px' }" :style="{ width: pageWidth + 'rem' }"
> >
<button <button
type="button" type="button"
@ -101,7 +101,7 @@ onBeforeUnmount(() => {
} }
.emoticon-panel { .emoticon-panel {
padding: 12px 8px 8px; padding: 12rem 8rem 8rem;
box-sizing: border-box; box-sizing: border-box;
} }
@ -115,13 +115,13 @@ onBeforeUnmount(() => {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
padding: 0 4px; padding: 0 4rem;
box-sizing: border-box; box-sizing: border-box;
} }
.emoticon-item { .emoticon-item {
width: 20%; width: 20%;
height: 48px; height: 48rem;
border: 0; border: 0;
background: transparent; background: transparent;
display: flex; display: flex;
@ -132,31 +132,31 @@ onBeforeUnmount(() => {
.smile-emoticon-box.elder .emoticon-item { .smile-emoticon-box.elder .emoticon-item {
width: 25%; width: 25%;
height: 56px; height: 56rem;
} }
.emoticon-item img { .emoticon-item img {
width: 28px; width: 28rem;
height: 28px; height: 28rem;
object-fit: contain; object-fit: contain;
} }
.smile-emoticon-box.elder .emoticon-item img { .smile-emoticon-box.elder .emoticon-item img {
width: 34px; width: 34rem;
height: 34px; height: 34rem;
} }
.emoticon-dots { .emoticon-dots {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 6px; gap: 6rem;
padding-top: 6px; padding-top: 6rem;
} }
.dot { .dot {
width: 6px; width: 6rem;
height: 6px; height: 6rem;
border-radius: 50%; border-radius: 50%;
background: #c7c7c7; background: #c7c7c7;
} }
@ -164,4 +164,4 @@ onBeforeUnmount(() => {
.dot.active { .dot.active {
background: #025cea; background: #025cea;
} }
</style> </style>

@ -1,5 +1,5 @@
<template> <template>
<div class="footer-bar" style="max-width: 750px"> <div class="footer-bar" style="max-width: 750rem">
<div class="footer-item footerBtn" v-show="footer_btn_type === 'footerBtn'"> <div class="footer-item footerBtn" v-show="footer_btn_type === 'footerBtn'">
<footer-bar-btn @onFooterBtnChoose="handleFooterBtnChoose" v-if="tokenExist && showQiPao"></footer-bar-btn> <footer-bar-btn @onFooterBtnChoose="handleFooterBtnChoose" v-if="tokenExist && showQiPao"></footer-bar-btn>
</div> </div>

@ -11,7 +11,7 @@
class="insResboxf13" class="insResboxf13"
/> />
<van-field <van-field
style="background: #f9f9f9; border-radius: 8px" style="background: #f9f9f9; border-radius: 8rem"
class="insResboxf13" class="insResboxf13"
v-model="label.answer" v-model="label.answer"
autosize autosize
@ -33,7 +33,7 @@
class="insResboxf13" class="insResboxf13"
/> />
<van-field <van-field
style="background: #f9f9f9; border-radius: 8px" style="background: #f9f9f9; border-radius: 8rem"
class="insResboxf13" class="insResboxf13"
v-model="label.answer" v-model="label.answer"
placeholder="请输入内容" placeholder="请输入内容"
@ -56,14 +56,14 @@
<van-radio-group <van-radio-group
v-model="label.answer" v-model="label.answer"
direction="horizontal" direction="horizontal"
style="display: block; padding: 0px 0px 15px 20px" style="display: block; padding: 0rem 0rem 15rem 20rem"
> >
<van-radio <van-radio
icon-size="16px" icon-size="16rem"
v-for="item in label.options" v-for="item in label.options"
:key="item.id" :key="item.id"
:name="item.id" :name="item.id"
style="margin-top: 5px; margin-right: 3px" style="margin-top: 5rem; margin-right: 3rem"
@click="refresh" @click="refresh"
>{{ item.text }}</van-radio >{{ item.text }}</van-radio
> >
@ -79,14 +79,14 @@
<van-checkbox-group <van-checkbox-group
v-model="label.answer" v-model="label.answer"
direction="horizontal" direction="horizontal"
style="display: block; padding: 0px 0px 15px 20px" style="display: block; padding: 0rem 0rem 15rem 20rem"
> >
<van-checkbox <van-checkbox
icon-size="16px" icon-size="16rem"
v-for="item in label.options" v-for="item in label.options"
:name="item.text" :name="item.text"
:key="item.text" :key="item.text"
style="margin-top: 5px; margin-right: 3px" style="margin-top: 5rem; margin-right: 3rem"
@click="refresh" @click="refresh"
>{{ item.text }}</van-checkbox >{{ item.text }}</van-checkbox
> >
@ -100,7 +100,7 @@
class="insResboxf13" class="insResboxf13"
/> />
<van-field <van-field
style="background: #f9f9f9; border-radius: 8px" style="background: #f9f9f9; border-radius: 8rem"
class="insResboxf13" class="insResboxf13"
v-model="label.answer" v-model="label.answer"
placeholder="请输入阿拉伯数字" placeholder="请输入阿拉伯数字"
@ -121,7 +121,7 @@
class="insResboxf13" class="insResboxf13"
/> />
<van-field <van-field
style="background: #f9f9f9; border-radius: 8px" style="background: #f9f9f9; border-radius: 8rem"
class="insResboxf13" class="insResboxf13"
v-model="label.answer" v-model="label.answer"
placeholder="请输入证件号" placeholder="请输入证件号"
@ -138,7 +138,7 @@
</div> </div>
</van-cell-group> </van-cell-group>
<van-button <van-button
style="margin-top: 10px" style="margin-top: 10rem"
round round
block block
type="info" type="info"
@ -275,18 +275,18 @@ function submitInfo() {
<style scoped> <style scoped>
.insResbox { .insResbox {
padding: 10px; padding: 10rem;
} }
.insResbox-title { .insResbox-title {
font-size: 14px; font-size: 14rem;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10rem;
} }
.insResboxf13 { .insResboxf13 {
font-size: 13px; font-size: 13rem;
} }
.insResboxfontColor1 { .insResboxfontColor1 {
@ -294,6 +294,6 @@ function submitInfo() {
} }
.insResbox-item { .insResbox-item {
margin-bottom: 8px; margin-bottom: 8rem;
} }
</style> </style>

@ -3,7 +3,7 @@
<div class="geriatric-discourse-content an-move-left"> <div class="geriatric-discourse-content an-move-left">
<div class="newBox" :style="{ 'backgroundImage': 'url(' + dataMes.imgUrl + ')' }"> <div class="newBox" :style="{ 'backgroundImage': 'url(' + dataMes.imgUrl + ')' }">
<button type="button" <button type="button"
:style="{ 'padding': ' 0 10px', 'background': dataMes.btnBgcolor, 'color': dataMes.btnColor }" :style="{ 'padding': ' 0 10rem', 'background': dataMes.btnBgcolor, 'color': dataMes.btnColor }"
v-text="dataMes.btnName" @click="connectionArtificial($event)"></button> v-text="dataMes.btnName" @click="connectionArtificial($event)"></button>
</div> </div>
</div> </div>
@ -108,7 +108,7 @@ function scrollTopBody() {
<style scoped> <style scoped>
.geriatric-discourse { .geriatric-discourse {
overflow: hidden; overflow: hidden;
padding-bottom: 10px; padding-bottom: 10rem;
} }
.geriatric-discourse-content { .geriatric-discourse-content {
@ -125,14 +125,14 @@ function scrollTopBody() {
} }
.header-pic { .header-pic {
width: 36px; width: 36rem;
height: 36px; height: 36rem;
} }
.avatarUrl { .avatarUrl {
display: block; display: block;
width: 36px; width: 36rem;
height: 36px; height: 36rem;
border: 0; border: 0;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
@ -140,9 +140,9 @@ function scrollTopBody() {
.discourse-main-box { .discourse-main-box {
width: 100%; width: 100%;
margin-left: 10px; margin-left: 10rem;
border-radius: 18px; border-radius: 18rem;
padding: 7.5px 14px 0 14px; padding: 7.5rem 14rem 0 14rem;
box-sizing: border-box; box-sizing: border-box;
background: #FFFFFF; background: #FFFFFF;
} }
@ -150,8 +150,8 @@ function scrollTopBody() {
.discourse-content { .discourse-content {
width: 100%; width: 100%;
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14px; font-size: 14rem;
line-height: 20px; line-height: 20rem;
color: #333333; color: #333333;
} }
@ -159,15 +159,15 @@ function scrollTopBody() {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
padding: 7px 0 14px 0; padding: 7rem 0 14rem 0;
} }
.discourse-button .button-rengong { .discourse-button .button-rengong {
width: 226px; width: 226rem;
margin: 0 auto; margin: 0 auto;
background: #579AFF; background: #579AFF;
box-shadow: 1px 2px 5px 0 rgba(10, 75, 173, 0.42), inset 0 -4px 15px 0 rgba(164, 203, 255, 0.25); box-shadow: 1rem 2rem 5rem 0 rgba(10, 75, 173, 0.42), inset 0 -4rem 15rem 0 rgba(164, 203, 255, 0.25);
border-radius: 8px; border-radius: 8rem;
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
} }
@ -180,13 +180,13 @@ function scrollTopBody() {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 20px; padding: 20rem;
} }
.newBox button { .newBox button {
border-radius: 8px; border-radius: 8rem;
border: none; border: none;
font-size: 16px; font-size: 16rem;
cursor: pointer; cursor: pointer;
} }
</style> </style>

@ -15,11 +15,11 @@
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router' import { useRoute, useRouter } from 'vue-router'
import { showFailToast } from 'vant' import { showFailToast } from 'vant'
import * as pdfjsLib from "pdfis-dist/legacy/build/pdf.mjs" import * as pdfjsLib from "pdfjs-dist/legacy/build/pdf.mjs"
import MyWorker from 'pdfjs-dist/legacy/build/pdf.worker.mjs?worker' import MyWorker from 'pdfjs-dist/legacy/build/pdf.worker.mjs?worker'
pdfjsLib.GlobalWorkerOptions.workerPort = new MyWorker() pdfjsLib.GlobalWorkerOptions.workerPort = new MyWorker()
import "pdfjs-dist/legacy/web/pdf viewer.css" import "pdfjs-dist/legacy/web/pdf_viewer.css"
import * as pdfViewerLib from 'pdfjs dist/legacy/web/pdf viewer.mjs' import * as pdfViewerLib from 'pdfjs-dist/legacy/web/pdf_viewer.mjs'
const pdfwrapper = ref(null) const pdfwrapper = ref(null)
const pdfViewer = ref(null) const pdfViewer = ref(null)
let pdfObj = null let pdfObj = null
@ -29,6 +29,7 @@ let viewer = null
// ── 路由 ──────────────────────────────────────────── // ── 路由 ────────────────────────────────────────────
const route = useRoute() const route = useRoute()
const params = route.params || {}
const router = useRouter() const router = useRouter()
// ── 响应式状态 ────────────────────────────────────── // ── 响应式状态 ──────────────────────────────────────
@ -53,14 +54,18 @@ const init = (url = '') => {
eventBus: new pdfViewerLib.EventBus(), textLayerMode: 0, eventBus: new pdfViewerLib.EventBus(), textLayerMode: 0,
}) })
viewer.eventBus.on('pagesloaded', () => { viewer.eventBus.on('pagesloaded', () => {
viewer!.currentScaleValue = 'page-width' try {
if (viewer && typeof viewer.currentScaleValue !== 'undefined') {
viewer.currentScaleValue = 'page-width'
}
} catch (e) {}
}) })
viewer.setDocument(pdfObj) viewer.setDocument(pdfObj)
}) })
} }
// ── 生命周期 ──────────────────────────────────────── // ── 生命周期 ────────────────────────────────────────
onMounted(() => { onMounted(() => {
pdfUrl.value = route.params.url pdfUrl.value = params.url
init(pdfUrl.value) init(pdfUrl.value)
}) })

@ -88,7 +88,7 @@
}}<em class="look-more-icon" :class="!exchangeButton ? 'active' : ''"></em></a> }}<em class="look-more-icon" :class="!exchangeButton ? 'active' : ''"></em></a>
</div> </div>
<!-- 弹出层 --> <!-- 弹出层 -->
<van-popup class="popup" :style="{ height: '85%', borderRadius: '10px 10px 0px 0px' }" <van-popup class="popup" :style="{ height: '85%', borderRadius: '10rem 10rem 0rem 0rem' }"
v-model:show="popUpFlag" teleport="body" position="bottom"> v-model:show="popUpFlag" teleport="body" position="bottom">
<div class="detaill_body"> <div class="detaill_body">
<div class="detaill_title"> <div class="detaill_title">
@ -291,17 +291,17 @@ function showGraph(item) {
<style lang="scss" scoped> <style lang="scss" scoped>
.hiddenMore { .hiddenMore {
height: 205px; height: 205rem;
} }
.product_body { .product_body {
line-height: normal; line-height: normal;
letter-spacing: 0.5px; letter-spacing: 0.5rem;
word-break: break-all; word-break: break-all;
word-wrap: break-word; word-wrap: break-word;
width: 100%; width: 100%;
position: relative; position: relative;
margin-bottom: 6px; margin-bottom: 6rem;
.bg_white { .bg_white {
background: #fff; background: #fff;
@ -314,7 +314,7 @@ function showGraph(item) {
border-bottom: #f0ecec 0.01rem solid; border-bottom: #f0ecec 0.01rem solid;
.title_body { .title_body {
font-size: 13px; font-size: 13rem;
width: 100%; width: 100%;
min-height: 0.5rem; min-height: 0.5rem;
background-image: url('../../assets/images/product/banner.png'); background-image: url('../../assets/images/product/banner.png');
@ -326,7 +326,7 @@ function showGraph(item) {
align-items: center; align-items: center;
.title { .title {
font-size: 15px; font-size: 15rem;
display: flex; display: flex;
align-items: center; align-items: center;
font-weight: 500; font-weight: 500;
@ -334,20 +334,20 @@ function showGraph(item) {
.text_content { .text_content {
transform: scale(1, 1.05); transform: scale(1, 1.05);
max-width: 270px; max-width: 270rem;
} }
.mark { .mark {
font-size: 12px; font-size: 12rem;
background: #fff; background: #fff;
letter-spacing: 0px; letter-spacing: 0rem;
color: #4f95fd; color: #4f95fd;
padding: 0px 4px 0px 4px; padding: 0rem 4rem 0rem 4rem;
border-radius: 5px 5px 5px 0px; border-radius: 5rem 5rem 5rem 0rem;
font-weight: 700; font-weight: 700;
position: absolute; position: absolute;
top: 1px; top: 1rem;
right: -4px; right: -4rem;
transform: translate(100%, 0%); transform: translate(100%, 0%);
} }
} }
@ -365,30 +365,30 @@ function showGraph(item) {
img { img {
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
margin-right: 10px; margin-right: 10rem;
} }
span { span {
flex: 1; flex: 1;
font-size: 12px; font-size: 12rem;
color: #777777; color: #777777;
letter-spacing: 0.1px; letter-spacing: 0.1rem;
} }
} }
} }
.label:nth-child(n):not(:last-child) { .label:nth-child(n):not(:last-child) {
margin-bottom: 5px; margin-bottom: 5rem;
} }
} }
.product_exemption { .product_exemption {
font-size: 12px; font-size: 12rem;
color: red; color: red;
font-weight: 700; font-weight: 700;
margin-top: 11px; margin-top: 11rem;
padding-left: 16px; padding-left: 16rem;
letter-spacing: 0px; letter-spacing: 0rem;
} }
.product_main { .product_main {
@ -398,12 +398,12 @@ function showGraph(item) {
.base_module { .base_module {
background: #fef8ed; background: #fef8ed;
background-image: url('../../assets/images/product/base.png'); background-image: url('../../assets/images/product/base.png');
background-size: 65px; background-size: 65rem;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top right; background-position: top right;
padding: 16rem; padding: 16rem;
border-radius: 0.3rem; border-radius: 0.3rem;
margin-bottom: 11px; margin-bottom: 11rem;
letter-spacing: 0; letter-spacing: 0;
} }
@ -412,7 +412,7 @@ function showGraph(item) {
.top_right_bg { .top_right_bg {
background-image: url('../../assets/images/product/more.png'); background-image: url('../../assets/images/product/more.png');
background-size: 65px; background-size: 65rem;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top right; background-position: top right;
padding: 16rem; padding: 16rem;
@ -422,40 +422,40 @@ function showGraph(item) {
background: #edf4ff; background: #edf4ff;
background-image: url('../../assets/images/product/productBg.png'); background-image: url('../../assets/images/product/productBg.png');
background-size: 470px; background-size: 470rem;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top right; background-position: top right;
.tip { .tip {
color: #aaa; color: #aaa;
text-align: right; text-align: right;
font-size: 12px; font-size: 12rem;
} }
} }
.list { .list {
color: #5b5b5b; color: #5b5b5b;
display: flex; display: flex;
line-height: 18px; line-height: 18rem;
.list_label { .list_label {
width: 80px; width: 80rem;
font-weight: 700; font-weight: 700;
font-size: 14px; font-size: 14rem;
color: #000; color: #000;
} }
.list_content { .list_content {
flex: 1; flex: 1;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14rem;
display: flex; display: flex;
align-items: center; align-items: center;
word-break: normal; word-break: normal;
word-wrap: normal; word-wrap: normal;
.value { .value {
max-width: 168px; max-width: 168rem;
} }
.noBtn { .noBtn {
@ -463,8 +463,8 @@ function showGraph(item) {
} }
.more_text { .more_text {
margin-right: 5px; margin-right: 5rem;
font-size: 14px; font-size: 14rem;
font-weight: 400; font-weight: 400;
} }
@ -474,9 +474,9 @@ function showGraph(item) {
color: #4f95fd; color: #4f95fd;
display: inline-block; display: inline-block;
padding: 0.13rem 0.55rem 0.13rem 0.18rem; padding: 0.13rem 0.55rem 0.13rem 0.18rem;
margin: 2px 0; margin: 2rem 0;
font-size: 13px; font-size: 13rem;
border-radius: 11px; border-radius: 11rem;
position: relative; position: relative;
line-height: initial; line-height: initial;
} }
@ -496,51 +496,51 @@ function showGraph(item) {
} }
.tkk_btn { .tkk_btn {
border-radius: 11px; border-radius: 11rem;
border: 1px solid #d4d8dc; border: 1rem solid #d4d8dc;
font-size: 12px; font-size: 12rem;
padding: 1px 6px; padding: 1rem 6rem;
color: #4661f4; color: #4661f4;
white-space: nowrap; white-space: nowrap;
margin-left: 7px; margin-left: 7rem;
} }
} }
.list:nth-child(1) { .list:nth-child(1) {
padding-right: 20px; padding-right: 20rem;
} }
.list:nth-child(n):not(:last-child) { .list:nth-child(n):not(:last-child) {
margin-bottom: 15px; margin-bottom: 15rem;
} }
.top_right_bg > .list:nth-child(n):not(:last-child) { .top_right_bg > .list:nth-child(n):not(:last-child) {
margin-bottom: 10px; margin-bottom: 10rem;
} }
.top_right_bg > .list { .top_right_bg > .list {
flex-direction: column; flex-direction: column;
.list_content { .list_content {
font-size: 14px; font-size: 14rem;
} }
.list_label { .list_label {
min-width: unset; min-width: unset;
width: unset; width: unset;
line-height: 18px; line-height: 18rem;
margin-bottom: 7px; margin-bottom: 7rem;
.list_label_span { .list_label_span {
font-weight: 700; font-weight: 700;
border-bottom: 1px solid #000; border-bottom: 1rem solid #000;
} }
} }
} }
.top_right_bg { .top_right_bg {
.more_button:nth-child(n):not(:last-child) { .more_button:nth-child(n):not(:last-child) {
margin-right: 5px; margin-right: 5rem;
} }
} }
} }
@ -555,7 +555,7 @@ function showGraph(item) {
white-space: nowrap; white-space: nowrap;
.img_module:nth-child(n):not(:last-child) { .img_module:nth-child(n):not(:last-child) {
margin-right: 8px; margin-right: 8rem;
} }
.min_witch { .min_witch {
@ -564,8 +564,8 @@ function showGraph(item) {
.img_module { .img_module {
width: 30%; width: 30%;
height: 50px; height: 50rem;
border-radius: 8px; border-radius: 8rem;
display: inline-block; display: inline-block;
img { img {
@ -586,44 +586,44 @@ function showGraph(item) {
} }
.hidden_more { .hidden_more {
height: 175px !important; height: 175rem !important;
} }
.noHidden { .noHidden {
height: unset !important; height: unset !important;
padding-bottom: 15px; padding-bottom: 15rem;
} }
.detaill_body { .detaill_body {
font-size: 18px; font-size: 18rem;
padding: 10px 16px; padding: 10rem 16rem;
background-size: 5rem; background-size: 5rem;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 66% 100%; background-position: 66% 100%;
height: 100%; height: 100%;
.detaill_title { .detaill_title {
font-size: 20px; font-size: 20rem;
font-weight: 600; font-weight: 600;
letter-spacing: 1px; letter-spacing: 1rem;
margin-bottom: 20px; margin-bottom: 20rem;
position: relative; position: relative;
&::after { &::after {
content: " "; content: " ";
position: absolute; position: absolute;
bottom: -6px; bottom: -6rem;
left: 0; left: 0;
width: 75%; width: 75%;
height: 1px; height: 1rem;
background: #d2d2d7; background: #d2d2d7;
} }
} }
.detaill_content { .detaill_content {
word-break: break-all; word-break: break-all;
line-height: 30px; line-height: 30rem;
text-indent: 29px; text-indent: 29rem;
} }
} }
</style> </style>

@ -270,6 +270,7 @@ export function Get(url, params) {
export function Post(url, params) { export function Post(url, params) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
url = base.baseUrl + url url = base.baseUrl + url
// console.log(url,'url')
axios axios
.post(url, params) .post(url, params)
.then((res) => { .then((res) => {

@ -51,7 +51,7 @@ document.setTitle = function (title) {
title = title || '洋洋客服'; title = title || '洋洋客服';
store.commit('set_otherTips', title); store.commit('set_otherTips', title);
document.title = title; // document.title = title;
var iframe = document.createElement('iframe'); var iframe = document.createElement('iframe');
iframe.src = `${import.meta.env.BASE_URL}favicon.ico`; iframe.src = `${import.meta.env.BASE_URL}favicon.ico`;
iframe.style.display = 'none'; iframe.style.display = 'none';

@ -342,7 +342,7 @@ export default {
return cookieValue; return cookieValue;
}, },
setTitle(title) { setTitle(title) {
document.title = title; // document.title = title;
var mobile = navigator.userAgent.toLowerCase(); var mobile = navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(mobile)) { if (/iphone|ipad|ipod/.test(mobile)) {
var iframe = document.createElement('iframe') var iframe = document.createElement('iframe')

Loading…
Cancel
Save