wxd / MShopWeApp

Commit af6f2b5050fca9c5f0032cffb90c4bf519cdafe8

Authored by iceling
1 parent 54cf5620

美容师列表

Inline Side-by-side
Showing 4 changed files with 210 additions and 0 deletions
pages/user/Cosmetology_list/Cosmetology_list.js 0 → 100644
  View file @af6f2b5
  1 +var e = getApp(), a = e.globalData.setting, os = a, t = e.request;
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 + iurl: a.imghost,
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
0 67 \ No newline at end of file
... ...
pages/user/Cosmetology_list/Cosmetology_list.json 0 → 100644
  View file @af6f2b5
  1 +{
  2 + "navigationBarTitleText": "美容师列表"
  3 +}
0 4 \ No newline at end of file
... ...
pages/user/Cosmetology_list/Cosmetology_list.wxml 0 → 100644
  View file @af6f2b5
  1 +<view class="container">
  2 + <image class="appointment" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image>
  3 +
  4 + <!-- 总预约 -->
  5 + <view>
  6 + <!-- 当个预约 -->
  7 + <view class="single" wx:for="1111">
  8 + <!-- 个人属性 -->
  9 + <view class="flex-vertical-between">
  10 + <view class="flex-vertical">
  11 + <image class="portrait" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image>
  12 + <view>
  13 + <!-- 用户名 -->
  14 + <view class="UserName ellipsis-1 fs32">钱巧玲</view>
  15 + <!-- 评价星数 -->
  16 + <view class="flex" style="margin-top:10rpx;">
  17 + <image class="Stars" src="{{iurl}}/miniapp/images/StarsredCk.png" wx:for="11111"></image>
  18 + </view>
  19 + <!-- 个人标签 -->
  20 + <view class="Label fs22 flex" wx:if="{{true}}">
  21 + <view class="flex-center Labelitem itone">
  22 + <view>长得美</view>
  23 + </view>
  24 + <view class="flex-center Labelitem itwo">
  25 + <view>技术好</view>
  26 + </view>
  27 + <view class="flex-center Labelitem ith">
  28 + <view>会聊天</view>
  29 + </view>
  30 +
  31 + </view>
  32 + </view>
  33 + </view>
  34 +
  35 + <!-- 预约状态 -->
  36 + <block wx:if="{{false}}">
  37 + <view class="flex-center gofu go">
  38 + <view class="fs24">预约</view>
  39 + </view>
  40 + </block>
  41 + <block wx:else>
  42 + <view class="flex-center gofu gofull">
  43 + <view class="fs24">已约满</view>
  44 + </view>
  45 + </block>
  46 + </view>
  47 + <view class="fs26 information">
  48 + <block wx:if="{{true}}">
  49 + <view class="ellipsis-3">在职业培训、职业技能鉴定与企业用人要求之间建立一个有效实用的联系，经研究 决定，以《职业技能鉴定国家题库操作技能考试手册》的方式，向全社会公布国家题库 操作技能考核试题库的全部内容。
  50 + </view>
  51 + </block>
  52 + <block wx:else>
  53 + <view>暂无对自己的介绍</view>
  54 + </block>
  55 + </view>
  56 + </view>
  57 + </view>
  58 +
  59 +
  60 +
  61 +
  62 +
  63 +
  64 +</view>
0 65 \ No newline at end of file
... ...
pages/user/Cosmetology_list/Cosmetology_list.wxss 0 → 100644
  View file @af6f2b5
  1 +.appointment {
  2 + width: 100%;
  3 + height: 305rpx;
  4 +}
  5 +
  6 +.single {
  7 + margin-left: 10rpx;
  8 + border-bottom: 1rpx solid rgb(229, 229, 229);
  9 + padding-bottom: 30rpx;
  10 + padding-left: 20rpx;
  11 + padding-right: 35rpx;
  12 + padding-top: 30rpx;
  13 +}
  14 +
  15 +.portrait {
  16 + width: 140rpx;
  17 + height: 140rpx;
  18 + border-radius: 50%;
  19 + margin-right: 30rpx;
  20 +}
  21 +.UserName{
  22 + width: 140rpx;
  23 +}
  24 +.Stars {
  25 + width: 25rpx;
  26 + height: 25rpx;
  27 + margin-right: 7rpx;
  28 +}
  29 +
  30 +.Label {
  31 + margin-top: 25rpx;
  32 +}
  33 +
  34 +.Labelitem {
  35 + width: 100rpx;
  36 + height: 30rpx;
  37 + border-radius: 20rpx;
  38 + line-height: 30rpx;
  39 + margin-right: 14rpx;
  40 +}
  41 +
  42 +.itone {
  43 + border: 2rpx solid rgb(22, 232, 131);
  44 + color: rgb(22, 232, 131);
  45 +}
  46 +
  47 +.itwo {
  48 + border: 2rpx solid rgb(92, 135, 248);
  49 + color: rgb(92, 135, 248);
  50 +}
  51 +
  52 +.ith {
  53 + border: 2rpx solid rgb(244, 143, 55);
  54 + color: rgb(244, 143, 55);
  55 +}
  56 +
  57 +.gofu {
  58 + width: 120rpx;
  59 + padding: 5rpx 0rpx;
  60 + border-radius: 25rpx;
  61 +}
  62 +
  63 +.go {
  64 + border: 1rpx solid rgb(196, 26, 46);
  65 + color: rgb(196, 26, 46);
  66 +}
  67 +
  68 +.gofull {
  69 + border: 1rpx solid rgb(185, 185, 185);
  70 + color: rgb(185, 185, 185);
  71 +}
  72 +
  73 +.information {
  74 + margin-top: 25rpx;
  75 + text-indent: 2em;
  76 + color: rgb(103, 103, 103);
  77 +}
... ...