:style="{height:isiPhoneX?80:50}px" 转uniapp写法

在uni-app中，内联样式需要使用`:style`属性来绑定一个对象，对象中的属性名需要使用驼峰命名法，所以正确的写法应该是：

<view :style="{height:isiPhoneX ? '80px' : '50px'}">

其中`:style`绑定的是一个对象，对象的属性名是`height`，属性值是一个三目运算符，根据`isiPhoneX`的值来设置不同的高度。由于属性值是一个字符串，因此需要将其用引号括起来。

相关问题

<view class="invoiceModal-bottom" :style="{height:isiPhoneX?'80':'50'}px"> <view class="invoiceModal-btBox"> <view class="invoiceModal-bt" @click="submitInvoiceClick">确定</view> </view> <view style="height:30px;width:100%;" v-if="isiPhoneX"></view> </view> 检查错误

这段代码中存在一个错误，即在计算样式时，需要将字符串 `"80"` 和 `"50"` 转换为数字，即使用 `parseInt()` 或 `parseFloat()` 方法。所以正确的写法应该是：

<view class="invoiceModal-bottom" :style="{height:isiPhoneX?80:50}px">
    <view class="invoiceModal-btBox">
        <view class="invoiceModal-bt" @click="submitInvoiceClick">确定</view>
    </view>
    <view style="height:30px;width:100%;" v-if="isiPhoneX"></view>
</view>

<view class="invoiceModal-bottom" style="height:{{isiPhoneX?'80':'50'}}px"> 转uniapp格式

在转换为uniapp格式时，需要将该段代码转换为以下形式：

<view class="invoiceModal-bottom" :style="{height:isiPhoneX?'80':'50'}px"></view>

或者：

<view class="invoiceModal-bottom" :class="{'iphoneX':isiPhoneX}" :style="{height:isiPhoneX?'80':'50'}px"></view>

需要注意的是，uniapp中使用冒号(:)来绑定动态属性，而不是使用花括号({})。同时，uniapp也支持使用类绑定动态属性。