| 1 |
- :root{--van-swipe-indicator-size:6px;--van-swipe-indicator-margin:var(--van-padding-sm);--van-swipe-indicator-active-opacity:1;--van-swipe-indicator-inactive-opacity:.3;--van-swipe-indicator-active-background:var(--van-primary-color);--van-swipe-indicator-inactive-background:var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translate(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-duration-fast),background-color var(--van-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background);opacity:var(--van-swipe-indicator-active-opacity)}.van-swipe-item{position:relative;flex-shrink:0;width:100%;height:100%}.working[data-v-e26bac8a]{background-color:#f1f1f1;padding:12px;color:#333}.working .my-swipe[data-v-e26bac8a]{height:150px;background:#0084ff;color:#fff;border-radius:5px;text-align:center}.working .my-swipe .van-swipe-item[data-v-e26bac8a]{height:150px;text-align:center;line-height:150px}.working .my-swipe .van-swipe-item img[data-v-e26bac8a]{width:100%;height:100%}.working .card[data-v-e26bac8a]{background:#fff;border-radius:5px;margin-top:12px}.working .card .title[data-v-e26bac8a]{height:52px;line-height:52px;color:#333;font-size:16px;font-weight:700;position:relative;padding:0 16px}.working .card .title[data-v-e26bac8a]:before{content:"";display:inline-block;width:4px;height:12px;background:#409eff;position:absolute;left:0;top:20px;background:#0084ff;border-radius:2px 2px 2px 2px}.working .card ul[data-v-e26bac8a]{display:flex;flex-wrap:wrap;padding-bottom:30px}.working .card ul li[data-v-e26bac8a]{width:25%;text-align:center;margin-top:10px}.working .card ul li .icon[data-v-e26bac8a]{height:40px;width:40px;margin:0 auto;background:#1989fa;line-height:40px;border-radius:5px;color:#fff;font-size:20px}.working .card ul li .icon .iconfont[data-v-e26bac8a]{font-size:20px}.working .card ul li .text[data-v-e26bac8a]{font-size:12px;height:24px;line-height:24px}
|
