整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
些小伙伴在BarTender條碼打印軟件中制作條碼時，很容易使條碼的大小超過標簽的大小，造成數(shù)據(jù)不全，這種情況可以通過調(diào)整條碼密度來解決，小伙伴們可以參考如何更改BarTender條形碼的“密度”。但若是不改變條碼的整體大小，而需要將條碼條紋變細，也就是需要調(diào)整BarTender條碼手動條，則要怎么操作呢？下面，小編就給大家來講講使BarTender條碼大小不變而條紋變細的方法吧！
在BarTender 10.1中，選中你所添加的條形碼，本文小編以常用條碼Code 128為例；
雙擊條形碼，打開條形碼屬性，在“符號體系和大小”屬性卡中，單擊“尺寸”選擇框后面的按鈕；
在彈出的“條形碼X尺寸”對話框中，最下面的“手動條/間距調(diào)整”選擇區(qū)，你可以選擇“減少條寬度和增加間距寬度”，并增減點數(shù)，達到調(diào)整BarTender條碼手動條，使條碼變細的目的。
（原文：http://www.bartender.cc/jiqiao/bt-tiaowenbianxi.html）
實際開發(fā)中經(jīng)常會遇到動態(tài)操作元素樣式的需求。因此，vue 允許開發(fā)者通過 v-bind 屬性綁定指令，為元素動態(tài)綁定 class 屬性的值和行內(nèi)的 style 樣式。
可以通過三元表達式，動態(tài)的為元素綁定 class 的類名。示例代碼如下：
<h3 class="thin" :class="isItalic?'italic'： ">MyDeep組件</h3>
<button @click="isItalic=!isItalic">Toggle Italic</button>
data() {
return { isItalic: true }
}
.thin{ // 字體變細
font-weight:200;
}
.italic{ // 傾斜字體
font-style: italic;
}如果元素需要動態(tài)綁定多個 class 的類名，此時可以使用數(shù)組的語法格式：
<h3 class="thin" :class="[isItalic ? 'italic' : '", isDelete ? 'delete' : '"]">
MyDeep 組件
</h3>
<button @click="isItalic=!isItalic">Toggle Italic</button>
<button @click="isDelete=!isDelete">Toggle Delete</button>
data(){
return {
isItalic: true,
isDelete: false,
}
}使用數(shù)組語法動態(tài)綁定 class 會導致模板結(jié)構(gòu)臃腫的問題。此時可以使用對象語法進行簡化：
<h3 class="thin" :class="class0bj">MyDeep 組件</h3>
<button @click="class0bj.italic=!class0bj.italic">Toggle Italic</button>
<button @click="class0bj.delete=!class0bj.delete">Toggle Delete</button>
data(){
return {
classobj：{ //對象中，屬性名是class 類名，值是布爾值
italic: true,
delete: false,
}
}
}4. 以對象語法綁定內(nèi)聯(lián)的 style
:style 的對象語法十分直觀——看著非常像 CSS，但其實是一個 JavaScript 對象。CSS property 名可以用駝峰式 (camelCase) 或短橫線分隔 (kebab-case，記得用引號括起來) 來命名：
天應(yīng)UED的要求對項目的滾動條進行美化，原生的滾動條雖然很實用，但確實不美觀。
用了一些css美化后
::-webkit-scrollbar{
height: 9px;
width: 9px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(157, 165, 183, 0.4);
}好看多了
但是我們發(fā)現(xiàn)了一個問題，就是在滾動條變細之后導致我們想要用鼠標拖動滾動條時有時有些困難。
無意中發(fā)現(xiàn)滾動條實際上是由邊框和背景色共同組成
于是我們就有了思路，將滾動條的border設(shè)置成透明的，只有鼠標hover時才將滾動條的border背景色設(shè)置出來
在網(wǎng)上搜索解決方案，無意間發(fā)現(xiàn)這篇文章 滾動條懸浮改變顏色大小 里面提到
又很偶然的發(fā)現(xiàn)background-clip: padding-box，設(shè)置該屬性后背景延伸至內(nèi)邊距（padding）外沿，不會繪制到邊框處，也就是說設(shè)置該屬性后，背景將被限制在內(nèi)容和邊距之內(nèi)，邊框背景不會改變。
我們參考進行了下面的改動
::-webkit-scrollbar{
height: 9px;
width: 9px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
border-style: dashed;
border-color: transparent;
border-width: 2px;
background-color: rgba(157, 165, 183, 0.4);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(157, 165, 183, 0.7);
} 鼠標未hover時
鼠標hover時
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
