yb_shopv2_miniapp: 壹佰-智慧门店V2

<!DOCTYPE html>
        <html>
        <head>
        <title>#### 相关参数</title>
        <meta charset="utf-8" />
        <style type="text/css">
                html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}body{font-family:Helvetica,arial,freesans,clean,sans-serif;font-size:14px;line-height:1.6;color:#333;background-color:#fff;padding:20px;max-width:960px;margin:0 auto}body>*:first-child{margin-top:0 !important}body>*:last-child{margin-bottom:0 !important}p,blockquote,ul,ol,dl,table,pre{margin:15px 0}h1,h2,h3,h4,h5,h6{margin:20px 0 10px;padding:0;font-weight:bold;-webkit-font-smoothing:antialiased}h1 tt,h1 code,h2 tt,h2 code,h3 tt,h3 code,h4 tt,h4 code,h5 tt,h5 code,h6 tt,h6 code{font-size:inherit}h1{font-size:28px;color:#000}h2{font-size:24px;border-bottom:1px solid #ccc;color:#000}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{color:#777;font-size:14px}body>h2:first-child,body>h1:first-child,body>h1:first-child+h2,body>h3:first-child,body>h4:first-child,body>h5:first-child,body>h6:first-child{margin-top:0;padding-top:0}a:first-child h1,a:first-child h2,a:first-child h3,a:first-child h4,a:first-child h5,a:first-child h6{margin-top:0;padding-top:0}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{margin-top:10px}a{color:#4183c4;text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding-left:30px}ul li>:first-child,ol li>:first-child,ul li ul:first-of-type,ol li ol:first-of-type,ul li ol:first-of-type,ol li ul:first-of-type{margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}dl{padding:0}dl dt{font-size:14px;font-weight:bold;font-style:italic;padding:0;margin:15px 0 5px}dl dt:first-child{padding:0}dl dt>:first-child{margin-top:0}dl dt>:last-child{margin-bottom:0}dl dd{margin:0 0 15px;padding:0 15px}dl dd>:first-child{margin-top:0}dl dd>:last-child{margin-bottom:0}pre,code,tt{font-size:12px;font-family:Consolas,"Liberation Mono",Courier,monospace}code,tt{margin:0;padding:0;white-space:nowrap;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px}pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent}pre{background-color:#f8f8f8;border:1px solid #ccc;font-size:13px;line-height:19px;overflow:auto;padding:6px 10px;border-radius:3px}pre code,pre tt{background-color:transparent;border:0}blockquote{border-left:4px solid #DDD;padding:0 15px;color:#777}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{clear:both;margin:15px 0;height:0;overflow:hidden;border:0;background:transparent;border-bottom:4px solid #ddd;padding:0}table th{font-weight:bold}table th,table td{border:1px solid #ccc;padding:6px 13px}table tr{border-top:1px solid #ccc;background-color:#fff}table tr:nth-child(2n){background-color:#f8f8f8}img{max-width:100%}
        </style>
        </head>
        <body>
        <h4>相关参数</h4>
<p>1、<a href="https://dev6.sssvip.net/">dev6测试站</a> 用户名：admin 密码：Ybwl2020</p>
<p>2、测试参数如下：</p>
<pre><code class="js">
// src/siteinfo.js 全局参数配置
module.exports = {
  name: 'yb_merchant_merchant',   // 请求标识，每个项目请求标识是固定的
  uniacid: '49',                // 应用id，对应后台应用id，多商户dev6测试id为49
  version: "1.0.0",             // 固定值
  native_tabbar:false,          // 原生底部导航，固定为false
  siteroot: "https://dev6.sssvip.net/app/index.php",  // 接口默认地址
}

// src/manifest.json 
//     .....
//      "mp-weixin": {
//          "appid" : "wx4650d386078e4b9a", 默认appid
//      }
//     .....

</code></pre>
<h4>相关文章链接</h4>
<h5>uniapp</h5>
<p>1、 <a href="https://uniapp.dcloud.io/">uniapp官方文档</a> </p>
<p>2、 <a href="https://uniapp.dcloud.io/vue-api?id=%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f">生命周期</a></p>
<p>3、 <a href="https://uniapp.dcloud.io/component/view">组件</a></p>
<p>4、 <a href="https://uniapp.dcloud.io/collocation/pages">page.json配置</a></p>
<p>5、 <a href="https://uniapp.dcloud.io/collocation/manifest">manifest.json配置</a></p>
<p>6、 <a href="https://uniapp.dcloud.io/api/README">api，大概了解功能是否可实现</a></p>
<p>7、 <a href="https://uniapp.dcloud.io/api/router?id=navigateto">路由跳转</a></p>
<h5>vue</h5>
<p>1、 <a href="https://cn.vuejs.org/v2/guide/">vue官方文档</a></p>
<p>2、 <a href="https://cn.vuejs.org/v2/guide/instance.html#%E5%AE%9E%E4%BE%8B%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90">生命周期</a></p>
<p>3、 <a href="https://cn.vuejs.org/v2/guide/components-props.html">组件传值</a></p>
<p>4、 <a href="https://cn.vuejs.org/v2/guide/mixins.html">mixins</a></p>
<p>5、 <a href="https://vuex.vuejs.org/zh/guide/state.html">vuex官方文档</a></p>
<h4>项目概况</h4>
<p>最新项目展示结构分为三层内容，从外到内分别为</p>
<h5>小程序页面</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>添加位置</td><td>在src/[PROJECT_NAME]/native内 或者src/package_[SUBPACKAGE_NAME]增加</td></tr>
<tr><td>注册位置</td><td>在src/pages.json内注册</td></tr>
<tr><td>访问地址</td><td>根据小程序路径，直接访问，如/yb_merchant/native/tabbar0/index</td></tr>
<tr><td>内部组件</td><td>顶部导航、底部导航、中转页面</td></tr>
<tr><td>代码示例</td><td>src/yb_merchant/native/tabbar0/index.vue</td></tr>
</tbody>
</table>
<h5>中转页面</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>添加位置</td><td>在src/[PROJECT_NAME]/layout内增加</td></tr>
<tr><td>注册位置</td><td>在小程序页面中注册、使用</td></tr>
<tr><td>访问地址</td><td>中转页面，无法直接访问</td></tr>
<tr><td>内部组件</td><td>页面组件</td></tr>
<tr><td>代码示例</td><td>src/yb_merchant/layout/layoutCenterWrapper.vue</td></tr>
</tbody>
</table>
<h5>页面组件【重要】</h5>
<p><strong>小程序所有看到的业务页面，展示的都是页面组件</strong></p>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>添加位置</td><td>在src/[PROJECT_NAME]/pages内增加</td></tr>
<tr><td>注册位置</td><td><strong>需要先在src/route中注册路由，再通过中转页面注册组件、使用</strong></td></tr>
<tr><td>访问地址</td><td>/yb_merchant/native/all/index?type=page，通过定义type来直接访问该页面</td></tr>
<tr><td>内部组件</td><td>页面模块、通用组件、diy组件</td></tr>
<tr><td>代码示例</td><td>自定义页面：src/yb_merchant/pages/index/index.vue</td></tr>
<tr><td>代码示例</td><td>列表页面：src/yb_merchant/pages/article/ArticleList.vue</td></tr>
<tr><td>代码示例</td><td>详情页面：src/yb_merchant/pages/article/ArticleDetail.vue</td></tr>
</tbody>
</table>
<h4>src/api</h4>
<p>存放请求信息，调用发起http请求，一般在页面组件中使用较多。
代码示例：src/api/user.js</p>
<h4>src/route</h4>
<p>注册路由信息，定义每个页面组件显示时，对应的顶部导航栏名称、样式等
代码示例：src/api/route</p>
<h4>src/static</h4>
<p>图片资源文件夹，最好创建项目同名文件夹，放当前项目所需图片</p>
<h4>src/[PROJECT_NAME]</h4>
<p>项目主包内容</p>
<h5>layout</h5>
<p>存放布局组件，中转组件也属于布局组件，由小程序页面引用使用，一般为统一处理某些通用模块
代码示例：src/yb_merchant/layout/LayoutCenterWrapper.vue</p>
<h5>mixins</h5>
<p>当前项目用到的mixins混入方法，yb_merchant内有一个模拟tabbar数据
代码示例：src/yb_merchant/mixins/MixinsUserLoad.js</p>
<h5>native</h5>
<p>当前项目主包的入口页面，小程序页面
代码示例：src/yb_merchant/native/tabbar0/index.vue</p>
<h5>pages</h5>
<p>当前项目主包的页面组件
代码示例：src/yb_merchant/pages/index/index.vue</p>
<h4>框架结构</h4>
<p>框架内主要对：数据、路由、请求、组件、方法等做了封装处理，框架内api内容如下</p>
<h4>scheme</h4>
<p>交互方法、业务逻辑处理，主要用于页面的内容展示等，绑定在vue的原型上，可以直接使用this.$scheme.schemeName来调用</p>
<pre><code class="javascript">// 使用方式
export default {
    methods: {
        testClick() {
            this.$scheme.toast.success('点击成功！')
        }
    }
}
</code></pre>
<h5>scheme.auth.sendMessageValidate</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>功能</td><td>传入小程序消息模板ID来授权推送信息</td></tr>
<tr><td>参数</td><td>templateIds: String 如果多个模板ID使用','号隔开</td></tr>
<tr><td>返回值</td><td>Promise.resolve，用户同意或拒绝都会走resolve</td></tr>
</tbody>
</table>
<pre><code class="javascript">// 需要用户同意向他发送：订单提交成功、支付成功 模板消息
this.$scheme.auth.sendMessageValidate('submit_order,pay_success')
</code></pre>
<h5>scheme.auth.user</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>功能</td><td>用户个人信息授权</td></tr>
<tr><td>参数</td><td>successCallback: Function 授权成功的回调</td></tr>
<tr><td>参数</td><td>cancelCallback: Function 授权失败的回调</td></tr>
</tbody>
</table>
<pre><code class="javascript">
this.$scheme.auth.user(() =&gt; {
    /* 具体业务逻辑 */
}, (err) =&gt; {
    this.$scheme.toast.error('授权失败')
})

</code></pre>
<h5>scheme.auth.phone</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>功能</td><td>用户手机号授权</td></tr>
<tr><td>参数</td><td>successCallback: Function 授权成功的回调</td></tr>
<tr><td>参数</td><td>cancelCallback: Function 授权失败的回调</td></tr>
</tbody>
</table>
<pre><code class="javascript">
this.$scheme.auth.phone(() =&gt; {
    /* 具体业务逻辑 */
}, (err) =&gt; {
    this.$scheme.toast.error('授权失败')
})

</code></pre>
<h5>scheme.share.show</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>功能</td><td>展示分享弹窗</td></tr>
<tr><td>参数</td><td>option.type: String 分享的页面type</td></tr>
<tr><td>参数</td><td>option.image: String 分享图片</td></tr>
<tr><td>参数</td><td>option.id: Number 分享详情时所带的id</td></tr>
<tr><td>参数</td><td>option.title: String 分享的标题</td></tr>
<tr><td>参数</td><td>option.showPoster: Boolean 是否显示生成海报</td></tr>
</tbody>
</table>
<pre><code class="javascript">
this.$scheme.share.show({
    type: 'good',
    image: '',
    id: 30,
    title: '测试商品',
    showPoster: true,
})

</code></pre>
<h5>scheme.style</h5>
<p>处理DIY页面样式，项目中一般用不到</p>
<h5>scheme.toast.error</h5>
<p>弹出一个错误提示</p>
<pre><code class="javascript">
this.$scheme.toast.error('错误信息')

</code></pre>
<h5>scheme.toast.success</h5>
<p>弹出一个成功提示</p>
<pre><code class="javascript">
this.$scheme.toast.error('成功信息')

</code></pre>
<h5>scheme.toast.loading</h5>
<p>弹出一个loading提示</p>
<pre><code class="javascript">
this.$scheme.toast.loading()

</code></pre>
<h5>scheme.toast.stopLoading</h5>
<p>关闭loading提示，也可以使用 uni.hideLoading()</p>
<pre><code class="javascript">
this.$scheme.toast.stopLoading()

</code></pre>
<h5>scheme.transform.picDomainTransform</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>功能</td><td>转换图片地址，一般来解决海报渲染时图片跨域等问题</td></tr>
<tr><td>参数</td><td>url: String 资源url地址</td></tr>
<tr><td>参数</td><td>root: Vue 使用时需要传入组件实例对象，需要使用vue内的siteDomain</td></tr>
<tr><td>返回值</td><td>转换后的同源图片地址</td></tr>
</tbody>
</table>
<pre><code class="javascript">let picPath = picDomainTransform(pic, this)
</code></pre>
<h5>scheme.transform.html2Nodes</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>功能</td><td>将富文本的html字符串转换为rich-text可以使用的nodes格式</td></tr>
<tr><td>参数</td><td>content: String需要转换的富文本字符串</td></tr>
<tr><td>返回值</td><td>非h5为转换后的nodes，h5为原始html字符串</td></tr>
</tbody>
</table>
<pre><code class="javascript">
let content = html2Nodes(htmlString)

</code></pre>
<h5>scheme.transform.videoTransformMp4</h5>
<table>
<thead>
<tr><th>功能描述</th><th>详细介绍</th></tr>
</thead>
<tbody>
<tr><td>功能</td><td>解析抖音、腾讯视频链接</td></tr>
<tr><td>参数</td><td>url: String需要解析的抖音、腾讯视频链接</td></tr>
<tr><td>返回值</td><td>Promise 请求解析的接口对象</td></tr>
</tbody>
</table>
<pre><code class="javascript">
videoTransformMp4(videoUrl).then(url =&gt; {
    /* 转换完成 */
    console.log(url)
})

</code></pre>
<h4>store</h4>
<p>项目中使用的全局变量，记录在vuex中</p>
<h5>state、mutations</h5>
<table>
<thead>
<tr><th>名称</th><th>用途</th><th>改变方法</th><th>备注</th></tr>
</thead>
<tbody>
<tr><td>user</td><td>项目用户信息</td><td>UPDATE_USER_INFO</td><td>当前登录的用户信息，可能每个项目字段会不一致，但都会有一个user_id</td></tr>
<tr><td>tabbar</td><td>项目底部导航信息</td><td>UPDATE_TABBAR_INFO</td><td>底部导航组件会自动使用tabbar.list内的数据渲染底部导航信息</td></tr>
<tr><td>globalColor</td><td>当前应用主题色</td><td>UPDATE_GLOBAL_COLOR</td><td>这个用的地方会比较多</td></tr>
<tr><td>activeRoute</td><td>项目中当前页面路由信息</td><td>UPDATE_ACTIVE_ROUTE</td><td>包含当前页面路由的所有参数、顶部导航信息等，用的地方比较多</td></tr>
<tr><td>topNavConfig</td><td>顶部导航栏配置</td><td>UPDATE_TOP_CONFIG</td><td>可配置项background、color、hiddenTitle(隐藏标题)、hiddenBack(隐藏返回键)、hiddenTop(隐藏顶部导航)</td></tr>
<tr><td>distribution</td><td>分销商信息</td><td>UPDATE_DISTRIBUTION_INFO</td><td>记录了分销商信息，包括分销提现设置、分销商ID等</td></tr>
<tr><td>business</td><td>商家信息</td><td>UPDATE_BUSINESS_INFO</td><td>记录了商家手机号、站点信息、商家的部分配置</td></tr>
<tr><td>staff</td><td>分配的商家端客服信息</td><td>UPDATE_STAFF_INFO</td><td>记录了chat_staffid、staffid、客服微信、手机号等数据</td></tr>
<tr><td>address</td><td>用户收货地址列表</td><td>UPDATE_ADDRESS_LIST</td><td>记录用户地址列表</td></tr>
<tr><td>auth</td><td>授权信息</td><td>MAKE_AUTH_INFO</td><td>包含哪些页面需要授权、授权弹窗的样式，通过接口获取，一般不会做修改</td></tr>
<tr><td>float</td><td>项目有diy时侧停按钮信息</td><td>UPDATE_FLOAT_INFO</td><td>通过接口获取，一般不会做修改</td></tr>
<tr><td>wxJsSdk</td><td>公众号JSSDK</td><td>UPDATE_WXJSSDK_CONFIG</td><td>微信公众号分享需要用到</td></tr>
<tr><td>platForm</td><td>当前应用运行的平台</td><td>UPDATE_PLATFORM</td><td>每个项目进入时都会初始化，一般不会做修改</td></tr>
<tr><td>isRelease</td><td>当前应用是否在生产环境</td><td>UPDATE_ENV</td><td>每个项目进入时都会初始化，一般不会做修改</td></tr>
<tr><td>commonCss</td><td>项目有diy时为授权弹窗、侧停按钮的样式</td><td>MAKE_COMMON_CSS</td><td>通过接口获取，一般不会改变</td></tr>
<tr><td>screenWidth</td><td>页面宽度</td><td>UPDATE_SCREEN_WIDTH</td><td>项目进入时初始化，一般不会做修改</td></tr>
<tr><td>siteConfig</td><td>项目配置，包含unacid、siteroot等信息</td><td>UPDATE_SITE_INFO</td><td>项目进入时初始化，一般不会做修改</td></tr>
<tr><td>shareInfo</td><td>H5分享参数</td><td>UPDATE_SHARE_DATA</td><td>一般不会改变</td></tr>
<tr><td>shopInfo</td><td>多商户商家数据</td><td>UPDATE_SHOP_INFO</td><td>多商户通过该数据id判断是否处于商家页面和展示商家页面</td></tr>
<tr><td>subUserId</td><td>多平台账号统一时的平台原始ID</td><td>UPDATE_USER_INFO</td><td>一般和用户信息一起加载，一般不需要修改，只有账号统一时支付需要用到</td></tr>
</tbody>
</table>
<h5>actions</h5>
<table>
<thead>
<tr><th>名称</th><th>用途</th><th>参数</th></tr>
</thead>
<tbody>
<tr><td>initAppInfo</td><td>初始化项目信息，一般在搭建时初始化</td><td>无</td></tr>
<tr><td>getUserInfo</td><td>获取用户信息</td><td>无</td></tr>
<tr><td>getUserAddress</td><td>获取用户收货地址列表</td><td>无</td></tr>
</tbody>
</table>
<h5>getters</h5>
<table>
<thead>
<tr><th>名称</th><th>用途</th></tr>
</thead>
<tbody>
<tr><td>userId</td><td>获得userId</td></tr>
<tr><td>domain</td><td>获得当前应用域名</td></tr>
<tr><td>mchId</td><td>获得当前应用mchId</td></tr>
<tr><td>moneySign</td><td>获得当前应用货币符号</td></tr>
</tbody>
</table>
<h4>component</h4>
<p>组件的内容可以先通过源码查看</p>
<table>
<thead>
<tr><th>名称</th><th>引用地址</th><th>介绍</th></tr>
</thead>
<tbody>
<tr><td>BaseCheckbox</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseCheckbox'</td><td>多选框</td></tr>
<tr><td>BaseCountDown</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseCountDown'</td><td>倒计时</td></tr>
<tr><td>BaseCounter</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseCounter'</td><td>数字步进器</td></tr>
<tr><td>BaseDialog</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseDialog'</td><td>弹窗模板</td></tr>
<tr><td>BaseInput</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseInput'</td><td>输入框</td></tr>
<tr><td>BaseNoData</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseNoData'</td><td>无数据提示</td></tr>
<tr><td>BasePicker</td><td>import BaseCheckbox from 'yb_framework/components/base/BasePicker'</td><td>下拉选择框</td></tr>
<tr><td>BasePrimaryList</td><td>import BaseCheckbox from 'yb_framework/components/base/BasePrimaryList'</td><td>基础列表</td></tr>
<tr><td>BaseRadioGroup</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseRadioGroup'</td><td>单选组</td></tr>
<tr><td>BaseRichText</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseRichText'</td><td>富文本组件</td></tr>
<tr><td>BaseStar</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseStar'</td><td>评星表单项</td></tr>
<tr><td>BaseTabBar</td><td>import BaseCheckbox from 'yb_framework/components/base/BaseTabBar'</td><td>选项卡</td></tr>
<tr><td>LayoutBottomNav</td><td>import BaseCheckbox from 'yb_framework/components/layout/LayoutBottomNav'</td><td>底部导航栏</td></tr>
<tr><td>LayoutDiyWrapper</td><td>import BaseCheckbox from 'yb_framework/components/layout/LayoutDiyWrapper'</td><td>Diy组件容器</td></tr>
<tr><td>LayoutTopNav</td><td>import BaseCheckbox from 'yb_framework/components/layout/LayoutTopNav'</td><td>顶部导航栏</td></tr>
<tr><td>ModuleAccountList</td><td>import BaseCheckbox from 'yb_framework/components/module/ModuleAccountList'</td><td>账户列表，分销提现账户有使用</td></tr>
<tr><td>ModuleAuth</td><td>import BaseCheckbox from 'yb_framework/components/module/ModuleAuth'</td><td>授权弹窗</td></tr>
<tr><td>ModuleComment</td><td>import BaseCheckbox from 'yb_framework/components/module/ModuleComment'</td><td>评价列表，我的评价页面有使用</td></tr>
<tr><td>ModuleCreateShop</td><td>import BaseCheckbox from 'yb_framework/components/module/ModuleCreateShop'</td><td>创建店铺，多商户有使用</td></tr>
<tr><td>ModuleFloat</td><td>import BaseCheckbox from 'yb_framework/components/module/ModuleFloat'</td><td>侧停按钮</td></tr>
<tr><td>ModuleGoodClass</td><td>import BaseCheckbox from 'yb_framework/components/module/ModuleGoodClass'</td><td>商品分类模块</td></tr>
<tr><td>ModuleNavBar</td><td>import BaseCheckbox from 'yb_framework/components/module/ModuleNavBar'</td><td>导航栏模块</td></tr>
<tr><td>ModuleSpecChoose</td><td>import BaseCheckbox from 'yb_framework/components/module/ModuleSpecChoose'</td><td>商品规格属性选择</td></tr>
<tr><td>DiyAudio</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyAudio'</td><td>音频diy组件</td></tr>
<tr><td>DiyHeadline</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyHeadline'</td><td>标题diy组件</td></tr>
<tr><td>DiyNavigation</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyNavigation'</td><td>宫格导航diy组件</td></tr>
<tr><td>DiyVideo</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyVideo'</td><td>视频diy组件</td></tr>
<tr><td>DiyBlock</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyBlock'</td><td>容器diy组件</td></tr>
<tr><td>DiyImageGroup</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyImageGroup'</td><td>图文集diy组件</td></tr>
<tr><td>DiyPrompt</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyPrompt'</td><td>公告diy组件</td></tr>
<tr><td>DiyVideoList</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyVideoList'</td><td>短视频列表diy组件</td></tr>
<tr><td>DiyCouponList</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyCouponList'</td><td>优惠券列表diy组件</td></tr>
<tr><td>DiyLine</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyLine'</td><td>分割线diy组件</td></tr>
<tr><td>DiySearch</td><td>import BaseCheckbox from 'yb_framework/components/module/DiySearch'</td><td>搜索diy组件</td></tr>
<tr><td>DiyWxAdvert</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyWxAdvert'</td><td>微信广告diy组件</td></tr>
<tr><td>DiyActivityList</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyActivityList'</td><td>活动列表diy组件</td></tr>
<tr><td>DiyEditor</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyEditor'</td><td>富文本diy组件</td></tr>
<tr><td>DiyLiveList</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyLiveList'</td><td>直播列表diy组件</td></tr>
<tr><td>DiyServices</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyServices'</td><td>预约diy组件</td></tr>
<tr><td>DiyArticles</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyArticles'</td><td>文章diy组件</td></tr>
<tr><td>DiyGoodList</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyGoodList'</td><td>商品列表diy组件</td></tr>
<tr><td>DiyMapView</td><td>import BaseCheckbox from 'yb_framework/components/module/DiyMapView'</td><td>展示地图diy组件</td></tr>
<tr><td>DiySwiper</td><td>import BaseCheckbox from 'yb_framework/components/module/DiySwiper'</td><td>轮播图diy组件</td></tr>
</tbody>
</table>
<h4>style</h4>
<pre><code class="scss">@import "~yb_framework/style/base"; /* 定义基础css变量，页面开发中可能会用到 */
@import "~yb_framework/style/mixin"; /* 定义scss mixin，页面开发中可能会用到 */
@import "~yb_framework/style/default"; /* 定义一些常用class对应样式，一般在创建项目时配置 */
@import "~yb_framework/style/reset"; /* 统一各小程序端和h5的样式差异，一般在创建项目时配置 */
</code></pre>
<h4>router</h4>
<p>类似vue-router来切换页面</p>
<pre><code class="javascript">
// 跳转页面
this.$coreRouter.push(option)
// 重定向页面
this.$coreRouter.replace(option)
// 页面返回
this.$coreRouter.go(-1)
// 页面刷新
this.$coreRouter.go(0)
// 页面返回两步
this.$coreRouter.go(-2)
// 重加载页面
this.$coreRouter.relaunch(option)
// 返回首页
this.$coreRouter.goHome()
// 切换tabbar页面
this.$coreRouter.switchTab(option)

// 其中option支持对象和字符串两种形式
let option = {
    type: 'good',
    id: 10
}

let option = 'good?id=10'

</code></pre>

        <!-- Use style in style1-->
        </body>
        </html>

壹佰/yb_shopv2_miniapp

简介

发行版

贡献者

近期动态

壹佰/yb_shopv2_miniapp .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

壹佰/yb_shopv2_miniapp