做一个名片来试练

配置文件

app.json:

{
  "pages":[
    "pages/index/index"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Next 学院",
    "navigationBarTextStyle":"black"
  }
}

页面

index.wxml

<view class="card" >
  <image class="bg" src="../../img/bg.jpg" mode="widthFix"></image>
  <image class="logo" src="../../img/next.png" mode="widthFix"></image>

  <view class="info">
    <view class="name">Next学院</view>
    <view class="desc">专注高质量 IT 课程</view>
    <view>13234sfsdf</view>
    <view>next_academy@tencent.com</view>
  </view>
</view>

index.wxss

/**index.wxss**/
/** 注释 **/

Page {
  /* text-align: center; */
}

/** 图片宽度铺满 **/

image {
  width: 100%;
}

.commet {
  text-align: center;
  font-size: 14px;
  color: #999;
}

.body {
  padding: 30px;
  line-height: 2;
}

.title {
  font-size: 24px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}