.van-pull-refresh { padding: 20px; .van-loading__text { color: #1f89ad; } } .van-empty { padding: 0px !important; } .van-ellipsis { overflow: inherit; } .van-tabs { .van-tabs__wrap { box-shadow: 0px 10px 30px 0px rgba(18, 18, 18, 0.2); } } // 超出省略号 .ellipsis { width: 100%; overflow: hidden; //超出隐藏 white-space: nowrap; //不折行 text-overflow: ellipsis; //溢出显示省略号 } // 详情 .contentDetail { padding: 20px; color: #585858; .part { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #ececec; padding:20px 10px; .title { width: 180px; font-weight: bold; font-size: 26px; color: #333333; font-family: PingFang SC; } .cont { font-size: 24px; line-height: 30px; .van-image { width:150px; height: 150px; margin-right: 10px; margin-top:20px; } } } } .tabsChange { width: 100%; .topTabs { width: 100%; height: 100px; background: #ffffff; box-shadow: 0px 12px 31px 0px rgba(18, 69, 101, 0.1); border-radius: 0px 0px 0px 0px; opacity: 1; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-end; flex-direction: row; border-top: 1px solid #eee; .tabsList { font-weight: 500; color: #585858; height: 60px; font-size: 25px; font-family: PingFang SC; font-weight: bold; color: #9f9f9f; margin: 15px 30px; } .tabsListActive { font-size: 30px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: bold; color: #000000; position: relative; &:after { content: ''; display: block; position: absolute; bottom: 5px; left: 49%; transform: translate(-50%); width: 50px; height: 5px; background: #121212; opacity: 1; border-radius: 2px; } } } }