/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .content.data-v-57280228 { height: 100%; } .content .cont.data-v-57280228 { position: relative; width: 100%; display: flex; flex-direction: column; } .content .cont .bg.data-v-57280228 { width: 100%; height: 450rpx; position: fixed; } .content .cont .bg image.data-v-57280228 { border-radius: 0rpx 0rpx 50rpx 50rpx; width: 100%; height: 100%; } .content .cont .top-box.data-v-57280228 { width: 100%; position: fixed; top: 0; left: 0; z-index: 1001; } .content .cont .top-box .top-title.data-v-57280228 { height: 88rpx; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-left: 15rpx; } .content .cont .top-box .top-title .name.data-v-57280228 { font-size: 32rpx; font-family: Source Han Sans CN; font-weight: bold; color: #2A2B2E; } .content .cont .top-box .top-title .desc-box.data-v-57280228 { display: flex; align-items: center; justify-content: flex-start; margin-top: 10rpx; } .content .cont .top-box .top-title .desc-box image.data-v-57280228 { width: 24rpx; height: 24rpx; } .content .cont .top-box .top-title .desc-box .desc.data-v-57280228 { margin-left: 5rpx; font-size: 20rpx; font-family: Source Han Sans CN; color: #626468; } .content .cont .top-box .search.data-v-57280228 { box-sizing: border-box; z-index: 101; padding: 15rpx; width: 100%; display: flex; align-items: center; justify-content: center; } .content .cont .top-box .search .search-box.data-v-57280228 { flex: 1; margin-right: 10rpx; height: 60rpx; line-height: 60rpx; border-radius: 30rpx; background-color: #fff; padding: 0 30rpx; display: flex; align-items: center; transition: all 0.5s; } .content .cont .top-box .search .search-box .img.data-v-57280228 { width: 30rpx; height: 30rpx; margin-right: 10rpx; } .content .cont .top-box .search .search-box input.data-v-57280228 { flex: 1; font-size: 24rpx; color: #000; } .content .cont .top-box .search .search-box .input-place.data-v-57280228 { font-size: 24rpx; color: #878787; } .content .cont .top-box .search .msg.data-v-57280228 { position: relative; width: 50rpx; height: 50rpx; } .content .cont .top-box .search .msg image.data-v-57280228 { width: 100%; height: 100%; } .content .cont .top-box .search .msg .contact-btn.data-v-57280228 { top: 0; position: absolute; width: 100%; height: 100%; opacity: 0; } .content .cont .cont-box.data-v-57280228 { z-index: 1000; } .content .cont .cont-box .banner.data-v-57280228 { margin-top: 20rpx; width: 100%; padding: 0 20rpx; } .content .cont .cont-box .btns.data-v-57280228 { padding: 0 20rpx; margin-top: 20rpx; width: 100%; display: flex; align-items: center; justify-content: center; } .content .cont .cont-box .btns .btn1.data-v-57280228 { position: relative; background: linear-gradient(to bottom, #EEC992, #CDA569); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); margin-right: 30rpx; border-radius: 15rpx; height: 180rpx; padding: 15rpx 30rpx; width: 50%; display: flex; align-items: center; justify-content: space-between; } .content .cont .cont-box .btns .btn1.data-v-57280228:last-child { margin-right: 0rpx; } .content .cont .cont-box .btns .btn1 image.data-v-57280228 { width: 104rpx; height: 104rpx; } .content .cont .cont-box .btns .btn1 .mask.data-v-57280228 { position: absolute; top: 0rpx; right: 0rpx; width: 100rpx; height: 100rpx; } .content .cont .cont-box .btns .btn1 .title-box.data-v-57280228 { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } .content .cont .cont-box .btns .btn1 .title-box .title.data-v-57280228 { font-size: 36rpx; font-weight: bold; color: #ffffff; } .content .cont .cont-box .btns .btn1 .title-box .desc.data-v-57280228 { margin-top: 6rpx; opacity: 0.8; font-size: 26rpx; color: #ffffff; } .content .cont .cont-box .btns .btn2.data-v-57280228 { position: relative; background: linear-gradient(to bottom, #EE8C5F, #EA5733); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); margin-right: 30rpx; border-radius: 15rpx; height: 180rpx; padding: 15rpx 30rpx; width: 50%; display: flex; align-items: center; justify-content: space-between; } .content .cont .cont-box .btns .btn2.data-v-57280228:last-child { margin-right: 0rpx; } .content .cont .cont-box .btns .btn2 image.data-v-57280228 { width: 104rpx; height: 104rpx; } .content .cont .cont-box .btns .btn2 .mask.data-v-57280228 { position: absolute; top: 0rpx; right: 0rpx; width: 100rpx; height: 100rpx; } .content .cont .cont-box .btns .btn2 .title-box.data-v-57280228 { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } .content .cont .cont-box .btns .btn2 .title-box .title.data-v-57280228 { font-size: 36rpx; font-weight: bold; color: #ffffff; } .content .cont .cont-box .btns .btn2 .title-box .desc.data-v-57280228 { margin-top: 6rpx; opacity: 0.8; font-size: 26rpx; font-weight: bold; color: #ffffff; } .content .cont .cont-box .modules .module .menus.data-v-57280228 { z-index: 101; margin: 20rpx 15rpx 0rpx; padding: 20rpx; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 15rpx; } .content .cont .cont-box .modules .module .menus .title.data-v-57280228 { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #2A2B2E; } .content .cont .cont-box .modules .module .menus .menu-box.data-v-57280228 { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .content .cont .cont-box .modules .module .menus .menu-box .menu.data-v-57280228 { padding: 15rpx; width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; } .content .cont .cont-box .modules .module .menus .menu-box .menu image.data-v-57280228 { width: 100%; height: 180rpx; } .content .cont .cont-box .modules .module .depts.data-v-57280228 { z-index: 101; margin: 20rpx 15rpx 0rpx; padding: 20rpx; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 15rpx; } .content .cont .cont-box .modules .module .depts .title.data-v-57280228 { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #2A2B2E; } .content .cont .cont-box .modules .module .depts .dept-box.data-v-57280228 { margin-top: 15rpx; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .content .cont .cont-box .modules .module .depts .dept-box .dept.data-v-57280228 { padding: 15rpx 5rpx; width: 25%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .content .cont .cont-box .modules .module .depts .dept-box .dept .icon.data-v-57280228 { width: 58rpx; height: 58rpx; } .content .cont .cont-box .modules .module .depts .dept-box .dept .title.data-v-57280228 { margin-top: 10rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #111111; } .content .cont .cont-box .modules .module .doctor-articles.data-v-57280228 { z-index: 101; margin: 20rpx 15rpx 0rpx; padding: 20rpx; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 15rpx; } .content .cont .cont-box .modules .module .doctor-articles .title-box.data-v-57280228 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .content .cont .cont-box .modules .module .doctor-articles .title-box .title.data-v-57280228 { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #111111; } .content .cont .cont-box .modules .module .doctor-articles .title-box .more.data-v-57280228 { display: flex; align-items: center; justify-content: flex-end; } .content .cont .cont-box .modules .module .doctor-articles .title-box .more .text.data-v-57280228 { font-size: 24rpx; font-family: PingFang SC; color: #9B9B9B; } .content .cont .cont-box .modules .module .doctor-articles .title-box .more image.data-v-57280228 { margin-left: 10rpx; width: 15rpx; height: 20rpx; } .content .cont .cont-box .modules .module .doctor-articles .article-box.data-v-57280228 { padding: 20rpx 0rpx; overflow-x: auto; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article.data-v-57280228 { width: 300rpx; margin-right: 20rpx; background: #f9f8fe; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article.data-v-57280228:last-child { margin-right: 0rpx; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .image-box.data-v-57280228 { width: 300rpx; height: 400rpx; position: relative; border-radius: 20rpx; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .image-box image.data-v-57280228 { border-radius: 20rpx; width: 300rpx; height: 400rpx; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .image-box .views.data-v-57280228 { position: absolute; top: 0rpx; left: 0rpx; padding: 5rpx 10rpx; background: rgba(0, 0, 0, 0.25); border-radius: 12rpx 0px 12rpx 0px; opacity: 1; font-size: 20rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #FFFFFF; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .image-box .doctor.data-v-57280228 { margin: 10rpx; display: flex; align-items: center; justify-content: flex-start; position: absolute; bottom: 0rpx; left: 0rpx; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .image-box .doctor image.data-v-57280228 { border-radius: 50%; width: 64rpx; height: 64rpx; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .image-box .doctor .right.data-v-57280228 { width: 200rpx; margin-left: 10rpx; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .image-box .doctor .right .doc-name.data-v-57280228 { width: 200rpx; font-size: 30rpx; font-weight: bold; font-family: PingFang SC; color: #fff; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .image-box .doctor .right .doc-position.data-v-57280228 { width: 100%; font-size: 28rpx; font-family: PingFang SC; color: #fff; font-weight: bold; opacity: 0.8; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .article-title-box.data-v-57280228 { width: 100%; margin-top: 10rpx; display: flex; align-items: center; justify-content: flex-start; } .content .cont .cont-box .modules .module .doctor-articles .article-box .article .article-title-box .article-title.data-v-57280228 { font-size: 30rpx; font-weight: bold; font-family: PingFang SC; color: #2A2B2E; } .content .cont .cont-box .modules .module .doctors.data-v-57280228 { z-index: 101; margin: 20rpx 15rpx; padding: 20rpx; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 15rpx; } .content .cont .cont-box .modules .module .doctors .title-box.data-v-57280228 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .content .cont .cont-box .modules .module .doctors .title-box .title.data-v-57280228 { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #111111; } .content .cont .cont-box .modules .module .doctors .title-box .more.data-v-57280228 { display: flex; align-items: center; justify-content: flex-end; } .content .cont .cont-box .modules .module .doctors .title-box .more .text.data-v-57280228 { font-size: 24rpx; font-family: PingFang SC; color: #9B9B9B; } .content .cont .cont-box .modules .module .doctors .title-box .more image.data-v-57280228 { margin-left: 10rpx; width: 15rpx; height: 20rpx; } .content .cont .cont-box .modules .module .articles.data-v-57280228 { z-index: 101; margin: 20rpx 15rpx; padding: 20rpx; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 15rpx; } .content .cont .cont-box .modules .module .articles .title-box.data-v-57280228 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .content .cont .cont-box .modules .module .articles .title-box .title.data-v-57280228 { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #111111; } .content .cont .cont-box .modules .module .articles .title-box .more.data-v-57280228 { display: flex; align-items: center; justify-content: flex-end; } .content .cont .cont-box .modules .module .articles .title-box .more .text.data-v-57280228 { font-size: 24rpx; font-family: PingFang SC; color: #9B9B9B; } .content .cont .cont-box .modules .module .articles .title-box .more image.data-v-57280228 { margin-left: 10rpx; width: 15rpx; height: 20rpx; } .content .cont .cont-box .modules .module .articles .article-box.data-v-57280228 { margin-top: 15rpx; padding: 20rpx 0rpx 0rpx; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .content .cont .cont-box .modules .module .articles .article-box .item.data-v-57280228 { width: 100%; margin-bottom: 20rpx; display: flex; align-items: flex-start; justify-content: flex-start; } .content .cont .cont-box .modules .module .articles .article-box .item.data-v-57280228:last-child { margin-bottom: 0rpx; } .content .cont .cont-box .modules .module .articles .article-box .item .left.data-v-57280228 { flex: 1; height: 160rpx; margin-right: 15rpx; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .content .cont .cont-box .modules .module .articles .article-box .item .left .title.data-v-57280228 { font-size: 28rpx; font-family: PingFang SC; font-weight: bold; color: #111111; } .content .cont .cont-box .modules .module .articles .article-box .item .left .views.data-v-57280228 { font-size: 24rpx; font-family: PingFang SC; color: #9a9a9c; } .content .cont .cont-box .modules .module .articles .article-box .item .right image.data-v-57280228 { border-radius: 10rpx; width: 220rpx; height: 160rpx; border: 1px solid #eeeeee; } .content .cont .cont-box .modules .module .packages.data-v-57280228 { z-index: 101; margin: 20rpx 15rpx; padding: 20rpx; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 15rpx; } .content .cont .cont-box .modules .module .packages .title-box.data-v-57280228 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .content .cont .cont-box .modules .module .packages .title-box .title.data-v-57280228 { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #111111; } .content .cont .cont-box .modules .module .packages .title-box .more.data-v-57280228 { display: flex; align-items: center; justify-content: flex-end; } .content .cont .cont-box .modules .module .packages .title-box .more .text.data-v-57280228 { font-size: 24rpx; font-family: PingFang SC; color: #9B9B9B; } .content .cont .cont-box .modules .module .packages .title-box .more image.data-v-57280228 { margin-left: 10rpx; width: 15rpx; height: 20rpx; } .content .cont .cont-box .modules .module .packages .package-box.data-v-57280228 { padding: 20rpx 0rpx 0rpx; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .content .cont .cont-box .modules .module .packages .package-box .item.data-v-57280228 { width: calc(50% - 20rpx); border-radius: 15rpx; margin: 10rpx; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .content .cont .cont-box .modules .module .packages .package-box .item .top.data-v-57280228 { width: 100%; height: 300rpx; } .content .cont .cont-box .modules .module .packages .package-box .item .top image.data-v-57280228 { border-radius: 15rpx 15rpx 0rpx 0rpx; width: 100%; height: 300rpx; } .content .cont .cont-box .modules .module .packages .package-box .item .bottom.data-v-57280228 { width: 100%; margin-top: 15rpx; } .content .cont .cont-box .modules .module .packages .package-box .item .bottom .title.data-v-57280228 { font-weight: bold; font-size: 28rpx; font-family: PingFang SC; color: #111111; } .content .cont .cont-box .modules .module .packages .package-box .item .bottom .price-box.data-v-57280228 { margin-top: 10rpx; display: flex; align-items: center; justify-content: space-between; width: 100%; } .content .cont .cont-box .modules .module .packages .package-box .item .bottom .price-box .price.data-v-57280228 { padding: 5rpx 10rpx; background-color: #C39A58; border-radius: 30rpx; font-size: 20rpx; font-family: PingFang SC; color: #ffffff; } .content .cont .cont-box .modules .module .packages .package-box .item .bottom .price-box .count.data-v-57280228 { font-size: 24rpx; font-family: PingFang SC; color: #333333; }