垃圾分类小程序源码，拍照识别垃圾分类的微信小程序开发源代码

垃圾分类工作逐步趋于常态化，但公众中仍不乏不理解、不会分、懒得分之人，且不在少数。究其原因，在于分类宣传立意不够深、贴民不够近、落地不够实。垃圾分类任重而道远，宣传工作需持续发力。破题关键在于讲清理论渊源、强调实践意义、落实体制机制

最近自己研究开发了一个垃圾分类的微信小程序技术交流QQ：1379174464

首先新建一个小程序的首页

<!--pages/index/index.wxml-->
<view class=‘mainpage‘>
<image src=‘../images/indextop.jpg‘ style=‘width:100%;z-index:1000;‘ mode="widthFix"></image>
<view class=‘topimgbox‘>
<image src=‘../images/top.jpg‘ mode="widthFix"></image>
</view>

<view class="formcss">
<form bindsubmit="formSubmit" report-submit=‘true‘>
<view class=‘page_row‘ bindtap="suo">
      <view class="df search_arr">
        <icon class="searchcion" color=‘#00a7f4‘ size=‘20‘ type=‘search‘></icon>
        <input class="" placeholder="请输入关键字" value="{{searchValue}}" bindinput="searchValueInput"/>
      </view>
    <button class=‘sousuo‘ formType="submit">查询</button>
</view>
</form>
</view>

</view>
<!--分类-->
<view class=‘mainbox‘ wx:if="{{isshowmain}}">
<view class=‘mainbox-one‘>
<view class=‘box-img‘  data-id=‘1‘ bindtap=‘typeation‘><image src=‘../images/type/ico-1.jpg‘ mode="widthFix"></image></view>
<view class=‘box-img‘  data-id=‘2‘ bindtap=‘typeation‘><image src=‘../images/type/ico-2.jpg‘ mode="widthFix"></image></view>
<view class=‘box-img‘  data-id=‘3‘ bindtap=‘typeation‘><image src=‘../images/type/ico-3.jpg‘ mode="widthFix"></image></view>
<view class=‘box-img‘  data-id=‘4‘ bindtap=‘typeation‘><image src=‘../images/type/ico-4.jpg‘ mode="widthFix"></image></view>
<!--<block wx:for="{{strarr}}" wx:key="typeid" wx:for-index="idx" wx:for-item="item">
<view class=‘box-img‘  data-id=‘{{item.typeid}}‘ bindtap=‘typeation‘><image src=‘{{webserverUrl}}{{item.imgsrc}}‘ mode="widthFix"></image></view>
</block>-->

</view>

<view class=‘text-box‘>
鼓励将<text style=‘color:#104883;font-weight: bold;font-size:18px;margin: 0.3rem;‘>可回收物</text>卖入废品回收系统，或交投至两网融合服务点，或投放至可回收物收集容器；严禁将<text style=‘color:#f35334;font-weight: bold;font-size:18px;margin: 0.3rem;‘>有害垃圾</text>投放到其他的生活垃圾收集容器；日常家庭生活垃圾要做到<text style=‘color:#303030;font-weight: bold;font-size:18px;margin: 0.3rem;‘>干</text>、<text style=‘color:#664035;font-weight: bold;font-size:18px;margin: 0.3rem;‘>湿</text>垃圾两分开。
</view>

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

<!--typeitem-->
<view class=‘mainpage‘>
<!--itembox-->
<view class=‘typeitembasecss1‘ wx:if="{{ishowtime1}}">
<view class=‘typenamebox‘>可回收物</view>
<view class=‘typeitem1‘>

<view class=‘mbox-1‘>
<view class=‘typeicon‘><image src=‘{{webserverUrl}}/laji/images/type/ico-1.jpg‘ mode="widthFix"></image></view>
<view class=‘typeinfo‘>
<text class=‘typetitle‘>可回收物是指：</text>
<text>适宜回收利用和资源化利 用的，如：玻、金、塑、 纸、衣</text>
</view>
</view>
<view class=‘mbox-2‘>可回收物主要包括</view>
<view class=‘mbox-3‘>
酱油瓶、玻璃杯、平板玻璃、易拉罐、饮料瓶、 洗发水瓶、塑料玩具、书本、报纸、广告单、 纸板箱、衣服、床上用品等
</view>
<view class=‘mbox-2‘>可回收物投放要求</view>
<view class=‘mbox-3‘>
<text>轻投轻放</text>
<text>清洁干燥，避免污染</text>
<text>废纸尽量平整</text>
<text>立体包装物请清空内容物，清洁后压扁投放</text>
<text>有尖锐边角的，应包裹后投放</text>
</view>

</view>

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

<!--itembox-->
<view class=‘typeitembasecss2‘ wx:if="{{ishowtime2}}">
<view class=‘typenamebox‘>有害垃圾</view>
<view class=‘typeitem1‘>

<view class=‘mbox-1‘>
<view class=‘typeicon‘><image src=‘{{webserverUrl}}/laji/images/type/ico-2.jpg‘ mode="widthFix"></image></view>
<view class=‘typeinfo‘>
<text class=‘typetitle‘>有害垃圾是指：</text>
<text>对人体健康或者自然环境造成直接或潜在危害的废弃物</text>
</view>
</view>
<view class=‘mbox-2‘>有害垃圾主要包括</view>
<view class=‘mbox-3‘>
废电池、油漆桶、荧光灯管、废药品及其包装物等
</view>
<view class=‘mbox-2‘>有害垃圾投放要求</view>
<view class=‘mbox-3‘>
<text>投放时请注意轻放</text>
<text>易破损的请连带包装或包裹后轻放</text>
<text>如易挥发，请密封后投放</text>
</view>

</view>

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

<!--itembox-->
<view class=‘typeitembasecss3‘ wx:if="{{ishowtime3}}">
<view class=‘typenamebox‘>湿垃圾</view>
<view class=‘typeitem1‘>

<view class=‘mbox-1‘>
<view class=‘typeicon‘><image src=‘{{webserverUrl}}/laji/images/type/ico-3.jpg‘ mode="widthFix"></image></view>
<view class=‘typeinfo‘>
<text class=‘typetitle‘>湿垃圾是指：</text>
<text>又称"厨余垃圾"日常生活垃圾产生的容易腐烂的生物质废弃物</text>
</view>
</view>
<view class=‘mbox-2‘>湿垃圾主要包括</view>
<view class=‘mbox-3‘>
剩菜剩饭、瓜皮果核、花卉绿植、过期食品等
</view>
<view class=‘mbox-2‘>湿垃圾投放要求</view>
<view class=‘mbox-3‘>
<text>纯流质的食物垃圾，如牛奶等，应直接倒进下水口</text>
<text>有包装物的湿垃圾应将包装物去除后分类投放，包装物请投放到对应的可回收物或干垃圾容器</text>
</view>

</view>

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

<!--itembox4-->
<view class=‘typeitembasecss4‘ wx:if="{{ishowtime4}}">
<view class=‘typenamebox‘>干垃圾</view>
<view class=‘typeitem1‘>

<view class=‘mbox-1‘>
<view class=‘typeicon‘><image src=‘{{webserverUrl}}/laji/images/type/ico-4.jpg‘ mode="widthFix"></image></view>
<view class=‘typeinfo‘>
<text class=‘typetitle‘>干垃圾是指：</text>
<text>又称"其他垃圾"除有害垃圾、可回收物、 湿垃圾以外的其他生活废弃物</text>
</view>
</view>
<view class=‘mbox-2‘>干垃圾主要包括</view>
<view class=‘mbox-3‘>
餐盒、餐巾纸、湿纸巾、卫生间用纸、塑料袋、 食品包装袋、污染严重的纸、烟蒂、纸尿裤、 一次性杯子、大骨头、贝壳、花盆、陶瓷等
</view>
<view class=‘mbox-2‘>干垃圾投放要求</view>
<view class=‘mbox-3‘>
<text>尽量沥干水分</text>
<text>难以辨识类别的生活垃圾投入干垃圾容器内</text>
</view>

</view>

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

<!--nokey-->
<view class=‘nokey‘ wx:if="{{ishownokey}}"><image src=‘{{webserverUrl}}/laji/images/type/ico-0.png‘ mode="widthFix"></image></view>
<!--nokeyend-->
</view>
<!--end-->

<import src="../../template/nav" />
<view class="foot">
      <template is="nav" data="{{...iocarr}}"/>
</view> 

<!--分享-->
<button open-type=‘share‘ class=‘sharecss‘hover-class=‘other-button-hover‘>
<image src=‘../images/fx.png‘></image>
</button>
<!---->

第二个页面拍照识别垃圾分类

<!--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-->

垃圾分类小程序运行效果

原文地址：https://www.cnblogs.com/cxyuanma/p/11798340.html

时间： 2024-10-11 00:15:00

垃圾分类小程序源码，拍照识别垃圾分类的微信小程序开发源代码的相关文章

微信小程序源码下载（200多个）

微信小程序源码下载汇总,点击标题进入对应的微信小程序下载页面. 最新 demo源码(点击标题进入帖子下载) 描述 1 微信小程序会议室预定小程序微信小程序会议室预定小程序**** 本内容被作者隐藏 **** 2 微信小程序-双人五子棋小游戏微信小程序-双人五子棋小游戏**** 本内容被作者隐藏 **** 3 打卡签到小程序用微信小程序实现的一个简单的打卡签到的小程序拒绝 4 微信小程序---左滑删除微信小程序---左滑删除**** 本内容被作者隐藏 **** 5 一个借钱的记事本的微

11款手机微信小游戏源码特效

html5微信吃苹果游戏源码下载 html5手机淘宝万能时装屋小游戏源码下载 html5 3d拳王游戏制作3D拳击游戏源码下载 html5 3d拼图游戏制作3D魔方游戏源码下载 htm5 3d游戏制作3D熊出没游戏源码下载 html5微信小游戏超级染色游戏源码下载 html5读心术小游戏源码下载_读心术微信小游戏源码下载找你歌微信html5游戏源码下载_找你歌微信游戏源码下载方言等级考试游戏源码下载_方言等级测试微信游戏源码下载中秋节吃月饼游戏html5微信游戏源码下载 9款html5微信

21款网页版html5小游戏源码

html5魅族创意的贪食蛇游戏源码下载 html5网页版打砖块小游戏源码下载 html5 3D立体魔方小游戏源码下载 html5网页版飞机躲避游戏源码下载 html5三国人物连连看游戏源码下载 js html5 2048数字游戏源码_2048网页版源码下载 html5盲打高手打飞字游戏下载_网页版英文打飞字游戏源码下载 jQuery flappy bird电脑版小游戏源码下载网页版html5 3d俄罗斯方块游戏源码下载 jQuery html5迷宫游戏源码下载 html5网页游戏仿flappy

HTML5小游戏源码收藏

微信小程序-整理各种小程序源码和资料免费下载

微信小程序整理下载 [小程序源码]微信小程序-车源宝微信版 [小程序源码]小程序-微赞社区(论坛demo) [小程序源码]微信小程序-收支账单 [小程序工具]微信小程序-日历 [小程序源码]小程序-在线聊天功能 [小程序源码]微信小程序-大好商城(新增功能天气查询和2048游戏) [小程序源码]微信小程序-查询号码归属地 [小程序源码]微信小程序-备忘录2 [小程序源码]微信小程序-QQ音乐 [小程序源码]小程序-货币汇率 [小程序源码]微信小程序-大学图书馆 [小程序源码]小程序-积分商城 [

微信小程序源码案例大全

微信小程序demo:足球,赛事分析小程序简易导航小程序demo:办公审批小程序Demo:电魔方小程序demo:借阅伴侣微信小程序demo:投票微信小程序demo:健康生活小程序demo:文章列表demo 微商城(含微信小程序)完整源码+配置指南微信小程序Demo:一个简单的工作系统微信小程序Demo:用于聚会的小程序微信小程序Demo:Growth 是一款专注于Web开发者成长的应用,- 微信小程序Demo: Music-Player 微信小程序Demo:团贷网(投资) 微信

微信小程序_微信小程序开发，小程序源码、案例、教程

原文地址:http://whosmall.com/?post=448 本文标签: 微信小程序小程序源码案例小程序项目小程序源码微信小程序教程什么是微信小程序? 微信小程序是微信基于微信平台的一个应用发布平台,微信小程序app开发属于原生app组件提供js接口的开发方式,比混合是app的用户体验更好,仅次于原生应用. 不过微信小程序定位于小,要符合轻量易用无需下载,所以从体积上也是有限制,整个小程序应用体积不能超过1M. 微信小程序的应用场景? 微信小程序的应用场景适用于轻量应用,非强交

【小程序源码案例】微信小程序项目开发案例分享

作者:web小二本文标签: 微信小程序小程序源码案例小程序项目小程序的开发,并不是适合所有公司,我今天跟大家分享小程序方面的教程,主要是供大家学习使用.学习这种东西,有时候则是单纯的喜欢,没有任何目的,很单纯的为了好玩,记得很早之前学flash,没有想法,就是觉得好玩,纯娱乐爱好而已.到后来玩视频剪辑也是出于同样的原因,不图钱财名利,只是图自己个人爱好娱乐. 但是,学习,有时候则是需要有明确目的,特别是关系到自己吃饭问题的时候,你就需要非常有目的去学习,并且还需要制定好学习的计划与目标,希望

仿头脑王者小程序源码系统软件定制

仿头脑王者小程序源码开发[孙经理159-8614-9962微.电]软件开发.平台开发.模式开发.软件定制.模式定制.系统定制.平台搭建在互联网发展的黄金泡沫期,有很多公司通过前期不断的烧钱来获取用户量,后期通过垄断市场来保证快速的盈利.比如说上面提到的"滴滴"就是一个例子.但是对于初创团队来说,由于资金跟资源等一系列问题,不建议用这种方式去尝试.因为一旦尝试不成功,对于整个团队来说压力会非常大,可能会直接导致产品无法成型,甚至是团队覆灭的后果. 去年一年来,有关知识付费的讨论从未停歇