智能物联网鱼缸

李衡臣

于 2024-07-03 22:36:04 发布

阅读量967

点赞数 3

文章标签：物联网

本文链接：https://blog.csdn.net/li2642530979/article/details/140163833

版权

硬件部分及接线图

工具

继电器、开发板、物联网os、云平台
在这里插入图片描述

微信小程序

在这里插入图片描述
结构：images、pages两个为主体。

标题头部分

<view class="container">
<view class="head_box">
<image src="/images/面性鱼缸.png"></image>
<view>{
   {
   title}}</view>
</view>

对应效果
图片png可以自己根据实际情况进行更换。这是一个view盒子，里面实现了标题效果。
对应的css样式：

.head_box{
   
  display: inline-flex;
  padding-top: 120rpx;
}
.head_box > image{
   
  height: 100rpx;
  width: 100rpx;
}

天气预报盒子

<view class="weather_box">
<view class="welcome_text">{
   {
   welcome}}</view>
<view class="flex">
<view class="w50">
<image wx:if="{
   {weatherText===

最低0.47元/天解锁文章