先看代码，复制使用即可。您将看到以下效果：注意：icon图标需要自行下载并替换，此外调用我本地的地图密钥可能有上线次数，请使用调试不要超过50次！<template><view class="box"><map name="" :markers="markers"></map></view></template><scr

先看代码，您将看到以下的效果，图片来源于网络Uview框架，这意味着您直接复制粘贴即可使用不需要做特殊的处理，当然，如果下半部分的商品介绍信息不符合您的UI 我已提供了可以更改的大盒子，他自己没有高度，您可随意自定义。如您满意请给莫成尘点个Fabulous<template><view class="Index"><!-- 瀑布流布局列表 --><view

先看代码，复制使用即可，验证基于购物商城类可能会用到的正则验证而来。（个人习惯用驼峰命名，请见谅）手机号验证思路是以1开头的第二位是23456789，匹配数字字符9位并结束共计11位function PhoneNum(value) {return /^1[23456789]\d{9}$/.test(value);}固定电话号验证思路是以1开头的第二位是23456789，匹配数字字符9位并结束共计1

先看代码，复制使用即可，在实际开发中，我们经常会遇到数组去重的问题，简单的数组比如[1,2,3,1] 可以很轻松的使用es6New set或者别的形式，稍微复杂点的对很多刚入门的小伙伴是个不错的考验，基于此，将以下较好的方法分享，我称其为 单key模式<!DOCTYPE html><html><head><meta charset="utf-8">&

您直接复制粘贴即可使用不需要做特殊的处理。如您满意请给莫成尘点个Fabulous1： 纯文字提示框uni.showToast({title: '只有文字弹窗',icon: 'none',//如果要纯文本，不要icon，将值设为'none'duration: 2000//持续时间为 2秒})2： 带有成功图标提示框uni.showToast({title: '成功提示弹窗',icon: 'succe

先看代码，复制使用即可，我已帮您考虑到使用v-for循环或者其他可能带来的问题,包含了下拉加载更多以及跳转详情页的参数传递。（这里推荐您安装插件使用scss）您需要新建页面，点击复制即可看到效果，效果如下：<template><view class="ComBox"><div class="ComList" v-for="item in ComListSon" :ke

先看代码，复制使用即可，我已帮您考虑到使用v-for循环或者其他可能带来的问题。（这里推荐您安装插件使用scss）您将看到以下效果。<template><view class="box"><input type="text" @input="GetValue" class="S-input" :placeholder="placeholder" @focus="Sho

先看代码，复制使用即可，这是纵向滑动屏幕导航栏跟随滑动的效果，是一个最基础的判断滚动距离和元素距离顶部高度的方式构成的，您将看到以下效果。以下是代码 复制粘贴即可 ， 这是一个非常基础的原理，我并未进行封装或更高深的写法，为了方便您理解（尤其是作为新手，主要给您提供思路），同时并未借助框架或别的，拿来即用。部分思路我将放在注释中。<template><view class="Co

先看代码，复制使用即可，下文中您即将找到一些您很非常常用的界面样式，我已帮您考虑到使用v-for循环或者其他可能带来的问题。（这里推荐您安装插件使用scss）（其他诸如UI框架涵盖的内容，样式效果这里将不再赘述，下面我将会整理一个目录供您快速浏览使用）九宫格布局// tetemplate<view class="Grid"><view class="Grid-Item" v-fo