《开发工具》专题

Before we dive into Odoo development, we need to set up our development environment, and you need to learn the basic administration tasks for it. In this chapter, you will learn how to set up the work

复选 (bui-checkbox)     用法 <bui-checkbox v-model="selectedValue" @change="changeValue" direction="vertical" :items="items"></bui-checkbox> <bui-checkbox-list v-model="selectedValue" @change="changeValu

单选 (bui-radio)     用法 <bui-radio :items="radioItems" direction="horizontal" @change="radioChange" ></bui-radio> <bui-radio-list v-model="selectedValue" @change="changeValue" :items="items"></bui-radio

列表 (bui-list)     框架中没有将列表封装成component，而是以样式的方式提供出来给开发者使用。Weex基于 list组件和 cell组件能够创建平滑的列表效果。请参考weex官方文档: 【list】【cell】【refresh】【loading】 Example:bui-list 基础结构 <list class="bui-list"> <cell class="b

面板 (bui-panel)     用法 <bui-panel title="Default Panel"><text>Default Panel</text></bui-panel> <bui-panel title="Primary Panel" type="primary" border="1"><text>Primary Panel</text></bui-panel> 填充slot <

提示 (bui-tip)     用法 value 提示的文本内容，参考如下： <bui-tip value="This is success tip."></bui-tip> type 提示条的类型，也就是色值，组件提供了多个色值的提示条，参考如下： <bui-tip value="bui-weex success tip."></bui-tip> <bui-tip type="info" va

图片 (bui-image)     用法 加载远程图片 <bui-image width="260px" height="260px" src="https://img.alicdn.com/tps/TB1z.55OFXXXXcLXXXXXXXXXXXX-560-560.jpg"></bui-image> 加载工程目录下的图片：固定放在src/image目录下 <bui-image src="/

按钮 (bui-button)     用法 <bui-button value="Normal"></bui-button> <bui-button type="highlight" value="Highlight"></bui-button> <bui-button type="primary" value="Primary"></bui-button> <bui-button type="

文本样式 框架提供了对应的样式类去控制文本h1~h5，参考如下： <text class="h1">h1...</text> <text class="h2">h2...</text> <text class="h3">h3...</text> <text class="h4">h4...</text> <text class="h5">h5...</text>

布局样式 Weex支持盒模型和Flexbox布局，都是基于CSS的标准来实现的，但远没有传统CSS那幺灵活和好用，也许是受限于android 和iOS 平台原生层面布局能力的影响。在使用 buiweex的 样式之前，请先了解 【通用样式】 【文本样式】 Flex布局 弹性盒子 框架提供了一组class，分别是 flex1 ~ flex12,定义 flex成员可以占用容器剩余空间的大小。注意区别于w

页面结构 基础结构 每一个vue页面（组件）的结构都包含了template script style 如下结构: <template> <div> <p>{{greeting}}</p> </div> </template> <!--引入样式文件--> <style lang="sass" src="bui-weex/src/css/buiweex.scss"></sty

全局函数 在 0.2.0 之前，需要手工引入 bui-weex var buiweex = require("bui-weex"); 在 0.2.0+ 为了方便开发人员使用，将 bui-weex 做成了 Vue plugin, 通过 Vue.use 的方式注入到全局。所有的vue页面无需再引入bui-weex了。该库内置了一些工具方法，参考如下： this.$toast /** * 吐司信息

页面开发 Weex框架要求使用 Vue2.0 进行页面开发。开发者通过编写 *.vue 文件，基于<template>,<style>,<script> 快速构建组件化的应用。 页面开发模式 页面开发模式： 第一种：单页面（SPA） 通过 Vue-router + Vuex 来实现。这种方式是通过Router的方式来进行页面切换，如果页面不需要太多的交互效果，可以使用这种方式来实现。 第二种：独立

开发调试 首先安装 Weex 官方提供的 Playground ，这是一款安装在手机(Android & iOS）端的 页面预览和调试工具。 weex-toolkit中包含了调试工具weex devtools，它是专门为Weex定制的一款实现了 Chrome Debugging Protocol 的 inspect/debug 工具，能够帮助你快速查看 app 运行状态和调试 Weex 中的 JS

Cache redis-cluster集群配置. 修改congif/{env}/database.php中的redis选项 将cluster设为true，表示使用集群模式 设置option参数 配置集群服务列表即可 重启服务即可，此时redis已切换为集群模式 'redis' => [ //集群模式只在service下使用有效，异步redis中并不适用 'cluster