微信小程序樣式拼接 類名三元運算 以及條件拼接

好久沒更新了，最近加班到搞一個小程序，經常用到的運算格式，記錄下。

1、簡單的行內樣式拼接

<view class='navbar-title' style=' top:{{navTop}}px; color:{{titColor}}; background:url({{info.goods_img}}) no-repeat;'>
    {{pageName}}
</view>

<!--info.goods_img --> 為變量屬性。

2.行內樣式三元運算拼接

<view  style="display:  {{ 條件? 'block' :  'none' }}"/></view> 

3、類名三元運算符

<view class="scroll-classify box-sizing {{ fixed ? 'fixedClass' : ''}}"></view>

 4、類名與樣式結合使用（行內top值為變量的情況下）

<view class="haowuTab box-sizing {{ fixed ? 'fiexd' : '' }} {{ showDialog ? 'dialogShow' : '' }}" style="top:{{ fixed ? top+'px' : 0+'rpx' }}"></view>