做树莓派小程序前端的过程中,出现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>
结果如图: