树莓派前端小程序Button 丢失

做树莓派小程序前端的过程中，出现Button 丢失的情况：
按文章index.wxml 和 index.wxss 编程，出现温度和湿度 button 丢失的情况。原因未知。 通过将温、湿度button 置于另一个 container 下解决：

<view class="container">
    <text class="text_style">Raspberry PI</text>
<!-- 透明度在这里通过{{transparency}}变量设置，文字也在这里通过变量{{connect}}设置 -->
<!-- {{}}是微信小程序的一种语法，里面可以引用变量，因此把原来写死的文字做成变量方便后面改动，因为后面有可能需要点击了开灯按钮，文字信息会变成”关红灯” -->
    <button  class="con_style" style="opacity:{{transparencyCon}}" type="primary" bindtap="connectPi">{{connect}}</button> 
    <button  class="red_style" style="opacity:{{transparencyRed}}" bindtap="redControl">{{redLed}}</button> 
    <button  class="green_style" style="opacity:{{transparencyGreen}}" bindtap="greenControl">{{greenLed}}</button> 
    <button  class="blue_style" style="opacity:{{transparencyBlue}}" bindtap="blueControl">{{blueLed}}</button> 
    <button  class="beep_style" style="opacity:{{transparencyBeep}}" bindtap="beepControl">{{beep}}</button> 
    <button class='temphumi_style' style="opacity:{{transparencyTemp}}" type="primary" bindtap="getTempHumi">{{gettemphum}}</button>
</view>
<view class="container">
    <text class="temp_style">温度:</text>
    <text class="tempData_style">{{tempData}}</text>
    <text class="humi_style">湿度:</text>
    <text class="humiData_style">{{humiData}}</text>
</view>

结果如图：