<view> <text style="white-space: pre-wrap;">{{item.num}}</text> </view>后端传输的num是100.00怎么让他他小数点后面的显示全
时间: 2023-12-13 12:02:46 浏览: 35
您可以使用 CSS 中的 `white-space` 属性来控制元素中空格和换行的处理方式,并使用 `pre-wrap` 值将文本中的空格和换行符保留。
例如,您可以使用以下代码来解决您的问题:
```
<view>
<text style="white-space: pre-wrap;">{{item.num.toFixed(2)}}</text>
</view>
```
这将在页面上显示带有两位小数的完整数字 "100.00"。使用 `toFixed()` 方法可以设置小数点后的位数。
相关问题
<view style="margin: 10px;"> <text style="white-space: pre-wrap;font-size: 25px;color: #e4dc6c;">{{item.num.toFixed(2)}}</text> <view style="width: 90px;"> <button>提现</button> </view> <view> <text style="color: #e4dc6c;font-size: 10px;">1星币可兑换¥1</text> </view> </view>让提现和<text style="white-space: pre-wrap;font-size: 25px;color: #e4dc6c;">{{item.num.toFixed(2)}}</text>显示在同一行
您可以这样修改代码:
```html
<view style="margin: 10px;display:flex;align-items:center;">
<text style="white-space: pre-wrap;font-size: 25px;color: #e4dc6c;margin-right:10px;">{{item.num.toFixed(2)}}</text>
<button style="margin-right:10px;">提现</button>
<text style="color: #e4dc6c;font-size: 10px;">1星币可兑换¥1</text>
</view>
```
这样就可以让提现按钮和数字显示在同一行了。使用了 `display: flex` 和 `align-items: center` 来实现横向对齐。另外,为了让数字和按钮之间有一定的间距,我在数字后面加了一个 `margin-right:10px` 的样式。
<view style="font-weight:bold;float: left;line-height: 20px; margin-left: 60px;display: flex; align-items: center;"> <text style="">深圳宝安体育场训练基地</text> <view class="iconfont icon-xiangyou"></view> <!-- <text v-text="this.latitude"></text> <text v-text="this.longitude"></text> --> </view> <view> <text>营业中|</text> </view>让上面的view标签显示的数据和下面的view标签显示的数据不在同一行
你可以给上面的 view 标签添加 CSS 样式 `display: block;` 或者 `clear: both;`,这样就可以让它独立成一行显示,不和下面的 view 标签在同一行了。例如:
```
<view style="font-weight:bold;float: left;line-height: 20px; margin-left: 60px;display: block; clear: both; align-items: center;">
<text style="">深圳宝安体育场训练基地</text>
<view class="iconfont icon-xiangyou"></view>
<!-- <text v-text="this.latitude"></text>
<text v-text="this.longitude"></text> -->
</view>
<view>
<text>营业中|</text>
</view>
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_lunwen.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)