微信小程序商城15天从零实战视频课程-常见问题列表

wxml代码

<view class='text'>
  <view class='line_y'></view> 
  <text>常见问题</text>
</view>

<navigator url='/pages/tmp/yemian/01-xiangxi?id={{888}}'>
  <view class="wx-cells">
      <view class="wx-cell">
        <image class="wx-cell-icon"src="/images/news.png"></image>
        <text class="wx-cell-text">08/08 本地界面-微信小程序上线通知</text>
        <image class="wx-cell-arrow" src="/images/right.png"></image>
      </view>
  </view>
</navigator>


<view class="wx-cells">
  <view class="wx-cell">
    <image class="wx-cell-icon"src="/img/tubiao01.png"></image>
    <text class="wx-cell-text">如何登陆平台和注册账号的问题？</text>
    <image class="wx-cell-arrow" src="/img/right-gray.png"></image>
  </view>
</view>

 
<view class="wx-cells">
  <view class="wx-cell">
    <image class="wx-cell-icon"src="/img/tubiao02.png"></image>
    <text class="wx-cell-text">关于会员积分和等级的说明？</text>
    <image class="wx-cell-arrow" src="/img/right-gray.png"></image>
  </view>
</view>


<view class="wx-cells">
  <view class="wx-cell">
    <image class="wx-cell-icon"src="/img/tubiao03.png"></image>
    <text class="wx-cell-text">关于商品快递的问题请看这里！</text>
    <image class="wx-cell-arrow" src="/img/right-gray.png"></image>
  </view>
</view>


<view class="wx-cells">
  <view class="wx-cell">
    <image class="wx-cell-icon"src="/img/tubiao04.png"></image>
    <text class="wx-cell-text">付费和充值的问题请看这里！</text>
    <image class="wx-cell-arrow" src="/img/right-gray.png"></image>
  </view>
</view>

wxss代码

.line_y{
  width: 3px;
  height: 18px;
  display: inline-block; 
  background-color:  darkcyan;  
}
view.text
{
  display: flex;
  align-items: center;
  position: relative; 
  padding: 10px 10px 10px 10px ; 
   background-color:  beige;
}
view.text text{ 
  margin-left: 10px;
}

/*最新消息:1行3列：左图片，中文字，右图片（最新通告）*/
.wx-cells {
  width: 100%;
  margin-top: 15rpx;
  font-size: 34rpx;
  border-top: 1rpx solid #d9d9d9;
  border-bottom: 1rpx solid #d9d9d9;
  background-color: #fff;
}
.wx-cell {
  padding: 20rpx 25rpx;
  display: flex;
  align-items: center;
}
.wx-cell-icon{
  width: 56rpx;
  height: 56rpx;
}
.wx-cell-text{
  flex: 1;
  margin-left: 30rpx;
}
.wx-cell-arrow{
  width: 30rpx;
  height: 30rpx;
  margin-left: 10rpx;
}

欢迎大家收看我的****：微信小程序商城15天从零实战视频课程
https://edu.csdn.net/course/detail/19437