Browse Source

udpate shortpwd

wangnan 7 years ago
parent
commit
e972cd1092
2 changed files with 16 additions and 2 deletions
  1. 6 1
      src/demo/shortpwd.vue
  2. 10 1
      src/view/shortpwd.vue

+ 6 - 1
src/demo/shortpwd.vue

@@ -1,6 +1,11 @@
 <template>
 <template>
+
     <div class="wrapper">
     <div class="wrapper">
-        <a href="javascript:;" @click="showShortpwd">点击打开短密码框</a>
+        <nut-demoheader 
+        :name="$route.name"
+        ></nut-demoheader>
+        <br>
+        <a href="javascript:;" @click="showShortpwd" class="button button-primary" >点击打开短密码框</a>
         <nut-shortpwd  :show="isShow"  @close="shortpwdClose"/>
         <nut-shortpwd  :show="isShow"  @close="shortpwdClose"/>
     </div>
     </div>
 </template>
 </template>

+ 10 - 1
src/view/shortpwd.vue

@@ -1,6 +1,15 @@
 <template>
 <template>
     <div>
     <div>
-        
+        <nut-docheader 
+        :name="$route.name"
+        :chName="$route.params.chnName" 
+        type="Component" 
+        :showQrCode="true"
+        ></nut-docheader>
+        <h5>示例</h5>
+        <h6>使用实例</h6>
+        <nut-codebox code="<nut-shortpwd  :show=‘isShow’ @close=‘shortpwdClose’/>" 
+        imgUrl="http://img14.360buyimg.com/uba/jfs/t25372/227/245284728/74774/296adb9/5b69732eNad2c0231.png"></nut-codebox>
         <h5>Props</h5>
         <h5>Props</h5>
         <div class="tbl-wrapper">
         <div class="tbl-wrapper">
         <table class="u-full-width">
         <table class="u-full-width">