62 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			HTML
		
	
	
			
		
		
	
	
			62 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			HTML
		
	
	
| <div class="do-mod-local" anot="local">
 | |
|   <div class="tabbar">
 | |
|     本地音乐({{list.length}}首)<span class="refresh" :click="refresh">重新扫描</span>
 | |
|   </div>
 | |
| 
 | |
|   <div class="table">
 | |
|     <table>
 | |
|       <thead>
 | |
|         <tr>
 | |
|           <th> </th>
 | |
|           <th>歌名</th>
 | |
|           <th>歌手</th>
 | |
|           <th>专辑</th>
 | |
|           <th>时长</th>
 | |
|         </tr>
 | |
|       </thead>
 | |
|       <tbody>
 | |
|         <tr
 | |
|           :class="{active: it.id === curr}"
 | |
|           :for="it in list"
 | |
|           :on-contextmenu="handleMenu(it, $index, $event)"
 | |
|           :dblclick="play(it, $index)">
 | |
|           <td class="ac"><i class="stat s-icon-music"></i></td>
 | |
|           <td :text="it.title"></td>
 | |
|           <td class="ac" :text="it.artist"></td>
 | |
|           <td class="ac" :text="it.album"></td>
 | |
|           <td class="ac" :text="it.duration | time"></td>
 | |
|         </tr>
 | |
|       </tbody>
 | |
|     </table>
 | |
|   </div>
 | |
| 
 | |
|   <div class="edit-form" :if="editMode">
 | |
|     <div class="form">
 | |
|       <section class="section title">
 | |
|         歌曲信息编辑
 | |
|         <i class="do-icon-close" :click="closeEdit"></i>
 | |
|       </section>
 | |
| 
 | |
|       <section class="section">
 | |
|         <span class="field" :text="form.path"></span>
 | |
|       </section>
 | |
| 
 | |
|       <section class="section">
 | |
|           <span class="label">标题</span>
 | |
|           <input class="field do-ui-input" :duplex="form.title">
 | |
|         </section>
 | |
|       
 | |
|       <section class="section">
 | |
|         <span class="label">歌手</span>
 | |
|         <input class="field do-ui-input" :duplex="form.artist">
 | |
|       </section>
 | |
| 
 | |
|       <section class="section">
 | |
|         <span class="label">专辑</span>
 | |
|         <input class="field do-ui-input" :duplex="form.album">
 | |
|       </section>
 | |
| 
 | |
|     </div>
 | |
|   </div>
 | |
| </div>
 | 
          
          
            
              JavaScript
            
          
          60.1%
        
        
        
          
          
            
              SCSS
            
          
          19.2%
        
        
        
          
          
            
              HTML
            
          
          16.9%
        
        
        
          
          
            
              CSS
            
          
          3.8%