diff --git a/app.vue b/app.vue index 63cea47..b97fa5a 100644 --- a/app.vue +++ b/app.vue @@ -62,4 +62,26 @@ body { margin: 0; padding: 0; } + + +::-webkit-scrollbar { + width: 5px; + height: 5px; +} + +::-webkit-scrollbar-track { + background: #f1f1f1; +} + +::-webkit-scrollbar-thumb { + background: rgba(11, 175, 160, 1); + border-radius: 6px; + box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.25), + inset -2px -2px 2px rgba(0, 0, 0, 0.25); +} + +::-webkit-scrollbar-thumb:hover { + background: rgba(11, 175, 160, 1); +} + diff --git a/assets/css/common.scss b/assets/css/common.scss index 296c7ae..74d76a1 100644 --- a/assets/css/common.scss +++ b/assets/css/common.scss @@ -5,45 +5,66 @@ .box { color: blue; } + // 添加新的样式 .Adelay-02 { - animation-delay: 0.2s; + animation-delay: 0.2s; animation-duration: 0.1s; } + .Adelay-03 { - animation-delay: 0.3s; + animation-delay: 0.3s; animation-duration: 0.1s; } + .Adelay-04 { - animation-delay: 0.4s; + animation-delay: 0.4s; animation-duration: 0.1s; } + .Adelay-05 { - animation-delay: 0.5s; + animation-delay: 0.5s; animation-duration: 0.1s; } + .Adelay-1 { - animation-delay: 1s; + animation-delay: 1s; animation-duration: 0.1s; } + .Adelay-15 { - animation-delay: 1.5s; + animation-delay: 1.5s; animation-duration: 0.1s; } + .Adelay-2 { - animation-delay: 2s; + animation-delay: 2s; animation-duration: 0.1s; } + .Adelay-25 { - animation-delay: 2.5s; + animation-delay: 2.5s; animation-duration: 0.1s; } + //保留一行 .one-line { - white-space: nowrap; /* 禁止换行 */ - overflow: hidden; /* 隐藏溢出内容 */ - text-overflow: ellipsis; /* 溢出显示省略号(可选) */ - display: inline-block; /* 使块元素能应用省略号 */ - max-width: 100%; /* 配合省略号的宽度限制 */ - } - + white-space: nowrap; + /* 禁止换行 */ + overflow: hidden; + /* 隐藏溢出内容 */ + text-overflow: ellipsis; + /* 溢出显示省略号(可选) */ + display: inline-block; + /* 使块元素能应用省略号 */ + max-width: 100%; + /* 配合省略号的宽度限制 */ +} +//保留三行 +.my_text_2 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + text-overflow: ellipsis; +} \ No newline at end of file diff --git a/components/AppFooter.vue b/components/AppFooter.vue index 12a1cb9..e221fe2 100644 --- a/components/AppFooter.vue +++ b/components/AppFooter.vue @@ -122,7 +122,9 @@
{{ item.title }}
- 您的位置:首页>系统公告
+ 您的位置:首页>详情
+ :src="item.news_image[0]"/>
- 您的位置:首页>系统公告
+ 您的位置:首页>详情
- 您的位置:首页>医生团队
+ 您的位置:首页>详情