<html lang="en">
<head>
<meta charset="UTF-8">
<title>几行简单的激厅郑jQuery代码搞定tab标签切换效果</明颂title>
<style>
*{ margin:0padding:0list-style: none}
body {font:12px/1.5 Tahoma}
#outer {width:450pxmargin:150px auto}
#tab {overflow:hiddenzoom:1background:#000border:1px solid #000}
#tab li {float:leftcolor:#fffheight:30px cursor:pointer line-height:30pxpadding:0 20px}
#tab li.current {color:#000background:#ccc}
#content {border:1px solid #000border-top-width:0}
#content ul {line-height:25pxdisplay:none margin:0 30pxpadding:10px 0}
</style>
</head>
<body>
<!-- html代码begin -->
<div id="outer">
<ul id="tab">
<li class="current">tab标签</li>
<li>qq在线客服代码</li>
<li>css3</li>
</ul>
<div id="content">
<ul style="display:block">
<a href="www.baidu.com">tab标签<伏孙/a>
</ul>
<ul>
<a href="www.baidu.com">代码</a>
</ul>
<ul>
<a href="www.baidu.com">css3</a>
</ul>
</div>
</div>
<!-- html代码end -->
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
<script>
$(function(){
window.onload = function()
{
var $li = $('#tab li')
var $ul = $('#content ul')
$li.mouseover(function(){
var $this = $(this)
var $t = $this.index()
$li.removeClass()
$this.addClass('current')
$ul.css('display','none')
$ul.eq($t).css('display','block')
})
}
})
</script>
</body>
</html>
可以通过在 uni-table 组件上绑定 v-for 来实现不同行的颜色变化。步骤如下：
1.定义 data 属性，其中 colorArr 存放的是颜色字段：
data () {
return {
list: [],
colorArr: ['#f00', '#0f0', '#00f', '#fff']
}
},
2.在 uni-table 组件上绑定 v-for
<uni-table-column v-for="(item, index) in row.list"
:key="index"
:type="item.type"
:label="item.label"
:width="item.width"
:align="桐陵item.align"
:show-overflow-tooltip="item.showOverflowTooltip"
:class="['cell-type-'+item.type, {'bg-light': row.type=='指轮薯light'}]"
:style="{backgroundColor: colorArr[index]}"
>
{{ item.value }}
</uni-table-column>
上述代码在 uni-table 组件上绑定 v-for 来循环 list，在 uni-table-column 标签上传递行索引index 即可动态改变单元格的背景颜色。另外，也唯者可以给 uni-table-column 标签设置其他的样式。
AutoSar Lint是一款用于检查和修复AutoSar规范的工具，其中包括Schedule Table的规范。在AutoSar Lint中，可以通过以下步骤来切换Schedule Table：1. 打开AutoSar Lint工具，并加载需要检查的ARXML文件。
2. 在左侧的“Project Explorer”窗口中，展开“Schedule Table”节点，可以看到所有的Schedule Table。
3. 选择需要切换的Schedule Table，右键单击该Schedule Table，选择“Switch Schedule Table”选项。
4. 在d出的对话芦渗框中，选择需要切换到悄哗尺的Schedule Table，点击“OK”按钮即可完成切换。
需要注意的是，AutoSar Lint只能检查和修启高复AutoSar规范，不能对Schedule Table进行编辑或修改。如果需要编辑或修改Schedule Table，需要使用其他工具，如AutoSar Builder等。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）