feat(h5): remember profile selections and add finger-following skin swipe
This commit is contained in:
+3
-2
@@ -165,13 +165,14 @@ button { font-family: inherit; border: 0; background: none; cursor: pointer; col
|
||||
.skin-arrow.next { right: calc(5 * var(--u)); }
|
||||
.skin-arrow .chev { width: calc(9 * var(--u)); height: calc(9 * var(--u)); border-width: 0 1.5px 1.5px 0; }
|
||||
.skin-arrow[disabled] { opacity: .2; }
|
||||
.skin-carousel { overflow: hidden; touch-action: pan-y; /* 纵向滚动交给浏览器,横向留给拖拽 */ }
|
||||
.skin-carousel { overflow: hidden; touch-action: pan-y; user-select: none; -webkit-user-select: none; /* 纵向滚动交给浏览器,横向留给拖拽 */ }
|
||||
.skin-track { display: flex; transition: transform .32s cubic-bezier(.22,.61,.36,1); }
|
||||
.skin-track.dragging { transition: none; will-change: transform; }
|
||||
.skin-item {
|
||||
flex: 0 0 100%;
|
||||
display: flex; flex-direction: column; align-items: center;
|
||||
}
|
||||
.skin-item img { width: calc(109 * var(--u)); height: calc(109 * var(--u)); }
|
||||
.skin-item img { width: calc(109 * var(--u)); height: calc(109 * var(--u)); -webkit-user-drag: none; }
|
||||
.skin-name { font-size: 12.5px; font-weight: 700; color: #000; margin-top: calc(16 * var(--u)); }
|
||||
.skin-desc {
|
||||
font-size: 10.3px; color: var(--ink);
|
||||
|
||||
Reference in New Issue
Block a user