精华内容
下载资源
问答
  • 小程序的路由 配置 及其简单,只要不过几行代码 就能搞定 ,毕竟腾讯出品,必属精品(5毛一条,括号内删除) 第一步 先建立文件夹 这里为了方便叫AAAA 然后创建 内容 也叫 AAAA 注意 这里要选择新建page注意 ...

    小程序路由

    首先,小程序的路由不同于Vue 等 框架,小程序采用的是 高封装度,低自定义化的方案。

    小程序的路由 配置 及其简单,只要不过几行代码 就能搞定 ,毕竟腾讯出品,必属精品(5毛一条,括号内删除)

     

    第一步 先建立文件夹

    这里为了方便叫AAAA

    然后创建 内容  也叫 AAAA  注意 这里要选择新建page  注意 这里要选择新建page  注意 这里要选择新建page  重要的事说三遍

    然后App.json 中就自动出现了具体内容

    ps:如果把AAAA 移动到第一行的话 ,进入小程序的首页就会变成 AAAA

      "tabBar": {
        "color": "#a9b7b7",
        "selectedColor": "#11cd6e",
        "borderStyle": "white",
        "list": [
          {
            "selectedIconPath": "./pages/images/t2-h.png",  //选择状态的Icon
            "iconPath": "./pages/images/t2.png",            //未选择状态的Icon
            "pagePath": "pages/AAAA/AAAA",                  //地址
            "text": "AAAA"                                  //标题名
          },
          {
            "selectedIconPath": "./pages/images/t3-h.png",
            "iconPath": "./pages/images/t3.png",
            "pagePath": "pages/event/event",
            "text": "个人"
          }
        ]
      },

    在App.json 最外层加上上面的   tabBar 配置 就好了 看下页面效果

    ps: icon 要自己配置地址和图片

    pss:不要在意上面彩色的顶部栏,这是其他的东西

    psss:tabBar的list里面 至少要有两个页面才行

    展开全文
  • 那我们要做轮播图的话一个是手写另外一个就是用小程序的swiper组件了: 官方代码: <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{...

    目前用mpvue很多第三方的ui库是引入不了的,因为它不支持含有dom操作。

    那我们要做轮播图的话一个是手写另外一个就是用小程序的swiper组件了:

    官方代码:

    <swiper indicator-dots="{{indicatorDots}}"
      autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
      <block wx:for="{{imgUrls}}">
        <swiper-item>
          <image src="{{item}}" class="slide-image" width="355" height="150"/>
        </swiper-item>
      </block>
    </swiper>

    mpvue微信代码:

    <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
        <block v-for="(item, index) in movies" :index="index" :key="key">
            <swiper-item>
                <image :src="item.url" class="slide-image" mode="aspectFill"/>
            </swiper-item>
        </block>
    </swiper>

    注意我们改动的几个地方:

    1.所有双括号是要去掉的,否则报错

    2.wx:for要改成v-for(后面一定要有:index和:key不然报错)

    3.src的绑定要加冒号

    4.最好加个:key="key",不加不会报错,但是有警告,看着不舒服。

    原文链接:https://blog.csdn.net/weixin_39818813/article/details/80636875

    转载于:https://www.cnblogs.com/Webzhoushifa/p/9557300.html

    展开全文
  • 登录功能,提交用户名和密码(不用验证用户名密码是否正确)后进入主界面,同时登录界面关闭
  • 微信小程序弹窗提示怎么写

    千次阅读 2020-05-12 09:45:30
    代码: wx.showModal({ title: '提示', content: '这是一个模态弹窗', success: function (res) { if (res.confirm) {//这里是点击了确定以后 console.log('用户点击确定') } else {//这里...

     

    1. 第一种:弹出提示框,可以选择确定或者取消。

      代码:

       

       wx.showModal({

           title: '提示',

           content: '这是一个模态弹窗',

           success: function (res) {

             if (res.confirm) {//这里是点击了确定以后

               console.log('用户点击确定')

             } else {//这里是点击了取消以后

               console.log('用户点击取消')

             }

           }

         })

       

      微信小程序弹窗提示怎么写

    2. 第二种:不带确定和取消的,直接提示成功

       

      代码:

       

       

       wx.showToast({

           title: '成功',

           icon: 'success',

           duration: 2000//持续的时间

         })

      微信小程序弹窗提示怎么写

    3. 第三种:提示等待中...,

      代码:

       

      wx.showToast({

           title: '等待...',

           icon: 'loading',

           duration: 2000//持续的时间

         })

       

      微信小程序弹窗提示怎么写

    4. 第四种:提示文字,没有任何图标效果,但是文字可以写的很多。

      代码:

       

         wx.showToast({

           title: '这里面可以写很多的文字,比其他的弹窗都要多!',

           icon: 'none',

           duration: 2000//持续的时间

         })

       

       

      微信小程序弹窗提示怎么写

    5. 第五种:弹窗提示选择,例如选择ABCD那种

      代码:

       

      wx.showActionSheet({

           itemList: ['A', 'B', 'C'],

           success: function (res) {

             if (!res.cancel) {

               console.log(res.tapIndex)//这里是点击了那个按钮的下标

             }

           }

         })

       

      微信小程序弹窗提示怎么写

    6. 第六种:多用于页面提示加载中

      代码:

       

      <loading hidden="{{hidden}}">

             加载中...

      </loading>

       

      hidden有两个值:false和true

       

      微信小程序弹窗提示怎么写

    展开全文
  • 小牛商城 微信小程序版 开发6个小时,中途被微信ide搞懵逼了。 截图 总结 彻底没有dom的概念,整体框架规范与格式与vue几乎一个轮子 使用时间长了,得杀掉IDE重启下。猜测是修改app.json导致什么事件重复监听导致...
  • 之前怎么写跳转过后底部的tabbar都会在跳转的H5页面的底部。最近发现了一个曲线救国的方法,那就是加一个转折点。费话不多少上代码! college.wxml college.css webview.wxml webview.js 这样在中间找...

    之前怎么写跳转过后底部的tabbar都会在跳转的H5页面的底部。最近发现了一个曲线救国的方法,那就是加一个转折点。费话不多少上代码!

    college.wxml

     college.css

     webview.wxml

     

     webview.js

    这样在中间找一个转折点就可以完美解决这个web跳转的问题了,是不是很简单!

    展开全文
  • 微信小程序” 也叫做“微信应用号”,对于用户,它就是在微信里使用应用的方式,点一个按钮、搜一搜、扫一扫、或者一条链接就能打开那个“应用”,不需要下载删除和跳离微信,体验和原生媲美。这对原生app产生了很大...
  • 微信客户端在打开小程序之前,会把整个小程序代码包下载到本地。 紧接着通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径 而在 pages 字段的第一个页面就是这个小程序的首页(打开小程序看到...
  • 之前技术用uniAPP 代码 现在打包成APP了,想着想着用当前的代码直接转换成微信小程序和公众号,请问这个要怎么操作. 谢谢!
  • 怎么写-微信小程序的引导页

    千次阅读 2020-06-23 23:16:28
    前一段时间了一个微信小程序的项目,其中就有引导页面这一功能模块,接下来给大家说一下这一块的怎么实现的以及一个思路吧! 一、引导页 下给大家康康效果图是啥样舍的呢!! 其实就是和轮播图差不多,就是当...
  • 比如我们微信小程序写(仿今日头条)首页有几个商品,我们点击一个商品的时候打开第二页显示我们点击的商品的内容怎么写出来? 就这个意思! 哪位大师来帮我展示一下代码!!! ...
  • 微信小程序学习(四):微信小程序连接云数据库 我今天就只是初步的连接了数据库,我就说一下我的基础代码,和我整了好久才整完的问题 这里有个初始化,非常重要!非常重要!非常重要!!! 是放在app.js里面的,我...
  • 一、关于微信小程序如何在线预览,我的思路是两部处理: 将后台返回的二进制流,保存在本地临时文件。 打开本地临时文件。 二、后台给我返回的文件流: 三、需实现的效果是:点击列表中“查看发票”(左图),...
  • 前一段时间了一个微信小程序的项目,其中就有引导页面这一功能模块,接下来给大家说一下这一块的怎么实现的以及一个思路吧! 一、引导页 下给大家康康效果图是啥样舍的呢!! 其实就是和轮播图差不多,就是当...
  • 微信订餐小程序怎么弄?...小程序生成方式主要有这三种:找开发团队定制开发、自己写代码开发、使用第三方小程序制作工具。 前两种方法都不适合普通商家和小白。小白若想简单快速地生成小程序,就得使用第
  • 确定做微信小程序后,在网上找零基础入门小程序之类的教学视频,建议听比较新的课,因为小程序更新的很快,年头久的课里有些知识已经不适用了,我当时听的课前半部分讲小程序的理论知识,后半部分是带着你做一个小...
  • 如题 需求是在微信小程序中实现视频点播,可以使用标签。 但是官方给出的src属性直接指向一个mp4文件。 然而后端怎么处理这个请求呢? (问题的实质就是这么实现百度云提供的那个VOD服务,上传资源后直接给出资源...
  • 上一篇文章我们了 垃圾分类小程序的文字查询分类垃圾分类微信小程序开发源码,垃圾分类查询工具,垃圾怎么分类拍照识别垃圾分类(一) 接下来我们来说下 垃圾分类拍照识别的功能实现代码 作者QQ:1379174464 ...
  • 小程序的开发,但有的时候会发现性能上总是不那么的尽如人意(毕竟我这小菜鸟水平有限),于是就想到,想要看看别的大神们是怎么处理这些问题的(其实就是想看一下大神们的代码怎么写!)。但是,有一个问题就是小...
  • 文章目录一、微信小程序源码有哪些文件二、一个最简单的微信小程序什么样子三、怎么写微信小程序四、微信小程序的本质 一、微信小程序源码有哪些文件 一般用微信开发者工具新建一个微信小程序项目,其文件架构大约是...
  • 前一段时间了一个微信小程序的项目,其中就有引导页面这一功能模块,接下来给大家说一下这一块的怎么实现的以及一个思路吧!一、引导页下给大家康康效果图是啥样舍的呢!!其实就是和轮播图差不多,就是当用户滑动...
  • 按照教程上面的录入编码,出了第一个微信小程序:计算器 因为有些html和js的入门了。所以写代码没问题了。 感觉css的调整非常不熟悉,也就是有问题了也不知道怎么去调整它哪个属性。 比如开发环境中看到按钮...
  • 实体店微信小程序线上开店的流程,在几天前发表一个文章关于实体店微信小程序怎么样...前面我们总结的都是如何注册实体店微信小程序帐号的流程,当有了微信小程序帐号之后,我们就可以提交微信小程序代码并准备上线流程
  • 微信二维码小程序怎么做?

    千次阅读 2020-06-28 23:09:25
    微信二维码小程序怎么做? 第一步:首先在手机中打开微信,然后进入小程序。 第二步:然后在小程序中搜索“二维码”然后点击进入生成二维码小程序。 第三步:接下来在新建二维码里点击文本,然后输入你想要表白的话...
  • 微信小程序 开发之滑块视图容器详解 实现效果图: 实现起来特别简单,看看代码怎么写的呢: <image src={{item}} class=side-img></image> </
  • 微信小程序学习总结

    2020-02-22 15:33:54
    因疫情严重,近日在家学习了微信小程序的开发,这边文章对学习过程进行一个总结,希望疫情早日退散,中国加油,逆战加油???? 简易教程—介绍小程序开发的一些基本情况 开发方式,项目目录等等,看完这些,基本能...
  • 微信小程序中的云开发想必大家还不是很熟悉,因为云开发也就是9月份上线的,相比之前大家对于数据库的存储都是用的是自己的服务器,接下来这篇文章主要为大家介绍下怎么使用云开发,网上看过很多文章感觉介绍的不是...
  • 微信小程序人脸识别

    千次阅读 2018-05-28 08:25:13
    下面我们就来看看在微信小程序中人脸识别技术该怎么写。首先我们需要搭建一个前台的简单页面,示例代码如下:&lt;camera device-position="front" flash="off" binderror="error" ...
  • 经过一年的发展,微信小程序发展火热,本期就介绍下小程序的一些使用。 在安卓中我们经常会使用ListView/GradeView/RecyclerView来实现展示循环数据。那么小程序中怎么到呢。其实很简单,使用block就可以了。 下面...

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 265
精华内容 106
关键字:

微信小程序代码怎么写

微信小程序 订阅