[经验分享]WeTouch中使用VueInputCode

如果你想在WeTouch中使用以下输入框的效果，需要做以下几个步骤：

第一步：安装Node.js

第二步：使用Npm在全局安装vue-input-code ，使用命令提示符，在Node安装根目录输入以下命令

npm install vue-input-code --save第

第三步：将Github上的input-code插件下载

　　　　地址：https://github.com/zhouyuexie/vue-input-code

第四步：将插件文件及样式按照下图的路径方式放置

　　　　

第五步：插入代码

 <script>
 import inputcode from '#/component/inputcode'
 export default {
    components:{
     inputcode
   },
   config: {
   },
   data() {
     return {
         code:[]
     }
   },
   methods: {

   },
   mounted() {

   }
 }
 </script>

 <ui-view style="padding:30px;">
     <ui-divider>请输入验证码</ui-divider>
     <ui-view style="width:250px;margin:10px auto;">
         <inputcode code="{{code}}" input-color="#333" span-color="#333"></inputcode>
     </ui-view>
 </ui-view>

然后重新编译，运行即可。

以上亲测，有疑问欢迎关注我的微信公众号进行提问

公众号：sxmljx