diff --git a/demo/gch/v4.css b/demo/gch/v4.css index 81e9b36..cb4c490 100644 --- a/demo/gch/v4.css +++ b/demo/gch/v4.css @@ -10,10 +10,13 @@ #gcHome.gv4 .g4-cat button[data-cat=family].on{color:#E0566F} #gcHome.gv4 .g4-cat button[data-cat=work].on{color:#3A72B8} #gcHome.gv4 .g4-cat button[data-cat=baby].on{color:#2E8A7C} -#gcHome.gv4 .g4-sub{display:flex;align-items:center;gap:7px;margin:8px 0 0;font-size:12px;color:#9A817C} -#gcHome.gv4 .g4-in{margin-left:auto;flex:none;height:26px;padding:0 6px 0 11px;border:0;border-radius:99px;background:linear-gradient(135deg,#FF8A9E,#F2627E);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:1px;box-shadow:0 4px 10px -4px rgba(242,98,126,.7)} +#gcHome.gv4 .g4-sub{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:6px 6px 6px 8px;border-radius:99px;background:linear-gradient(90deg,#FFEFF2,#FFE3EA);border:1px solid #FFD6E0;font-size:12px;color:#9A817C;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s} +#gcHome.gv4 .g4-sub:active{transform:scale(.98)} +#gcHome.gv4 .g4-st{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +#gcHome.gv4 .g4-st b{font-weight:900;color:#E0566F} +#gcHome.gv4 .g4-in{flex:none;height:26px;padding:0 7px 0 11px;border-radius:99px;background:linear-gradient(135deg,#FF8A9E,#F2627E);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:1px;box-shadow:0 4px 10px -4px rgba(242,98,126,.7)} #gcHome.gv4 .g4-in i{font-style:normal;font-size:15px;line-height:1;margin-top:-1px} -#gcHome.gv4 .g4-in:active{transform:scale(.95)} + #gcHome.gv4 .g4-avs{display:flex} #gcHome.gv4 .g4-avs img{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;margin-left:-5px;background:#FFE3D3} #gcHome.gv4 .g4-avs img:first-child{margin-left:0} diff --git a/demo/gch/v4.js b/demo/gch/v4.js index 873f28d..72727bd 100644 --- a/demo/gch/v4.js +++ b/demo/gch/v4.js @@ -43,7 +43,8 @@ sec.innerHTML = '