1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- /* pages/publics/interpretation/interpretation.wxss */
- /* 隐藏滚动条 */
- scroll-view ::-webkit-scrollbar {
- display: none;
- width: 0;
- height: 0;
- color: transparent;
- }
- /* 滑动 */
- .scroll-wrapper {
- white-space: nowrap;
- -webkit-overflow-scrolling: touch;
- background: #FFF;
- height: 90rpx;
- padding: 0 32rpx;
- box-sizing: border-box;
- }
- /* 滑动块 */
- .navigate-item {
- display: inline-block;
- text-align: center;
- height: 90rpx;
- line-height: 90rpx;
- margin: 0 30rpx;
- }
- /* 滑动块 */
- .names {
- font-size: 30rpx;
- color: #333333;
- font-weight: 500;
- }
- /* 滑动块 */
- .names.active {
- font-size: 30rpx;
- color: #508FF4;
- font-weight: 500;
- }
- /* 滑动块 */
- .currtline {
- margin: -8rpx auto 0 auto;
- height: 8rpx;
- border-radius: 4rpx;
- }
- /* 滑动块 */
- .currtline.active {
- background: #508FF4;
- transition: all .3s;
- }
- .list li{
- width: 90%;
- height: 58px;
- margin: 0 auto;
- display: flex;
- flex-direction: column;
- justify-content: center;
- border-bottom: 1px solid rgb(102 102 102 / 12%);
- }
- .list li .title::before {
- content: '·';
- font-size: 16px;
- font-weight: bold;
- margin-right: 5px;
- }
- .list li .title{
- width: 90%;
- margin: 0 auto;
- display: block;
- font-size: 16px;
- color: #333333;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .list li .time{
- color: #999999;
- font-size:11px;
- width: 90%;
- margin: 0 auto;
- margin-top: 5px;
- }
|