简单适配移动端

pluto1114 · Feb 26, 2017 · 8d628e6 · 8d628e6
1 parent 754dc5f
commit 8d628e6
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
     <title>vue-music-qq</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
 	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

diff --git a/src/components/Controls.vue b/src/components/Controls.vue
@@ -104,7 +104,7 @@ export default {
   margin-top: 1.5em;
 }
 .ctrl-button .material-icons{
-  font-size: 3.25em;
+  font-size: 3.6em;
 }
 .flex-slider{
   margin:0 1em;

diff --git a/src/components/SongList.vue b/src/components/SongList.vue
@@ -45,7 +45,7 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" rel="stylesheet/scss" scoped>
 .song-list{
-  background:#efeff4;
+  
 }
 .item{
   line-height:4em;

diff --git a/src/views/index.vue b/src/views/index.vue
@@ -12,7 +12,7 @@
 	          拥抱Vue，享受生活
 	        </h2>
 	        <div class="mu-banner-actions" @keyup.enter="handleEnter">
-	          <mu-text-field hintText="搜索您喜欢的歌曲或歌手" v-model="word" type="search" icon="search" iconClass="color-white" hintTextClass="color-white" inputClass="color-white" underlineClass="border-white-alpha" underlineFocusClass="border-white" fullWidth />
+	          <mu-text-field hintText="搜索喜欢歌曲或歌手" v-model="word" type="search" icon="search" iconClass="color-white" hintTextClass="color-white" inputClass="color-white" underlineClass="border-white-alpha" underlineFocusClass="border-white" fullWidth />
 	        </div>
 	      </div>
 	      <div class="mu-banner-appbar-height"></div>