欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序开发源码(垃圾分类小程序源码)拍照识别垃圾分类

程序员文章站 2024-03-15 20:03:30
...

微信小程序开发源码(垃圾分类小程序源码)拍照识别垃圾分类

疫情期间没事做无聊,给自己找点事情做做。就想起了垃圾分类小程序这个事情,前端时间仓促的把个拍照识别垃圾分类的小程序大概的框架弄出来了。但是数据那些还不是很完善,现在又拿出这个小程序的源码来进行完善优化一下 。学习交流的朋友可以加QQ:1379174464
前台页面的样式还是保持原来的风格不变
微信小程序开发源码(垃圾分类小程序源码)拍照识别垃圾分类
微信小程序开发源码(垃圾分类小程序源码)拍照识别垃圾分类
主要就是微信小程序开发源码(垃圾分类小程序源码)拍照识别垃圾分类
现在主要就是优化一下源码代码,让代码的课执行性能提高一点,主要的代码就是拍照这块

在这里插入代码片<!--pages/laji/laji.wxml-->

<!--遮罩层-->
<view class='show-box'>
<view wx:if="{{!src}}" class='show-img-box'>
<view class='camera-box'><camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 100%;"></camera></view>
</view>

<view wx:if="{{src}}" class='show-img-box'>
<image src="{{src}}"></image>
<!--show-items-list-->
<view class='show-items-list'>

<block wx:for="{{itemdata}}" wx:for-index="idx" wx:for-item="item">
<view class='itemcss  itemcss{{item.typeid}}'>
<view class='itemcss-title'>{{item.typename}}</view>
<view class='itemcss-name'>{{item.keyword}}</view>
</view>
</block>

</view>
<!--end show-items-list-->
</view>
<!---->
<view class='show-items-box'>
<!--相机按钮-->
<!--<image src='../images/playbut.png'  class='playbutcss' bindtap="subut"></image>-->
<cover-view class="playbutcss" bindtap="subut">
      <cover-image class="img" src="../images/playbut.png" />
</cover-view>
<!--end相机按钮-->


</view>
<!---->
</view>
<!--end-->

小程序体验(扫描下方二维码体验效果)

微信小程序开发源码(垃圾分类小程序源码)拍照识别垃圾分类

相关标签: 移动