答复下这问题，怎么自定义商城模板样式？

来源：蜘蛛抓取(WebSpider) 时间：2023-12-12 10:45 标签： 商城模板
加载中...如果由于网络原因导致此框一直不消失，请重新刷新页面！";
//window.onload=function(){
PDF_launch("divNotRun", 520, 120);
setCookie("noJQPromote", "1", null, "/jq", "", null);
//};
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf(";", offset);
if (endstr == -1) {
endstr = document.cookie.length;
}
return unescape(document.cookie.substring(offset, endstr));
}
function getCookie(name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i
vue css实现商城分类页面选项卡选中时，右上左下是圆弧过度的选中样式：如图html部分<scroll-view scroll-y scroll-with-animation class="u-tab-view menu-scroll-view" :scroll-top="scrollTop"
:scroll-into-view="itemId">
<view v-for="(item,index) in cateRes" :key="index" class="per-bar"
:class="{'bg-f2' : current == index ,'bg-w':current != index}" @tap.stop="swichMenu(index,$event)">
<view class="u-tab-item w10"
:class="{'u-tab-item-active' : current == index ,'border-active-t':current == index+1,'border-active-b':current == index-1} ">
<text class="u-line-1">{{item.name}}</text>
</view>
</view>
</scroll-view>
css部分.bg-f2{
background: #f2f2f2
}
.bg-w{
background: #fff
}
.per-bar {
width: 100%;
height: 80rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #444;
font-weight: 400;
line-height: 1;
}
.u-tab-item-active {
position: relative;
color: #000;
font-weight: bold;
background: #fff;
border-radius: 20rpx 0 0 20rpx;
}
.border-active-t {
border-radius: 0 0 20rpx 0;
}
.border-active-b {
border-radius: 0 20rpx 0 0;
}
.u-tab-item-active::before {
content: "";
position: absolute;
border-left: 4px solid #EE2325;
height: 30rpx;
left: 0;
top: 21rpx;
}
JS就没什么了，就一个循环，判断index就行了，over；

我要回帖

更多关于 商城模板 的文章

 

随机推荐