作者 刘晓艳

李七庄静态页

1 { 1 {
2 "pages": [ 2 "pages": [
  3 + "pages/my/approveInfo/approveInfo",
  4 + "pages/my/approve/approve",
3 "pages/matrix/article/article", 5 "pages/matrix/article/article",
4 "pages/matrix/matrix", 6 "pages/matrix/matrix",
5 "pages/interact/interactPost/interactPost", 7 "pages/interact/interactPost/interactPost",
  1 +// pages/my/approve/approve.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  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 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "企业认证"
  4 +}
  1 +<!--pages/my/approve/approve.wxml-->
  2 +<view class="content_box">
  3 + <view class="item_list">
  4 + <view class="list_title">公司名称</view>
  5 + <view class="list_content">
  6 + <input type="text" placeholder='输入公司名称' placeholder-class='pl_style' value="{{username?username:''}}" class="input_item" bindinput='userName'></input>
  7 + </view>
  8 + </view>
  9 + <view class="item_list">
  10 + <view class="list_title">法人代表</view>
  11 + <view class="list_content">
  12 + <input type="text" placeholder='输入公法人姓名' placeholder-class='pl_style' value="{{work}}" class="input_item" bindinput='work'></input>
  13 + </view>
  14 + </view>
  15 + <view class='item_list'>
  16 + <view class='list_title'>公司类型</view>
  17 + <view class='list_content'>
  18 + <input placeholder='输入公司类型' placeholder-class='pl_style' class='input_item'></input>
  19 + </view>
  20 + </view>
  21 + <view class="item_list">
  22 + <view class="list_title">注册号</view>
  23 + <view class="list_content">
  24 + <input type="text" placeholder='输入公司注册号' placeholder-class='pl_style' value="{{city}}" class="input_item" bindinput='city'></input>
  25 + </view>
  26 + </view>
  27 + <view class="item_list">
  28 + <view class="list_title">成立时间</view>
  29 + <view class="list_content">
  30 + <input type="text" placeholder='输入公司成立时间' placeholder-class='pl_style' value="{{mobile}}" class="input_item" bindinput='getPhone'></input>
  31 + </view>
  32 + </view>
  33 + <view class="item_list">
  34 + <view class="list_title">注册资本</view>
  35 + <view class="list_content">
  36 + <input type="text" placeholder='输入注册资本' placeholder-class='pl_style' value="{{city}}" class="input_item" bindinput='city'></input>
  37 + </view>
  38 + </view>
  39 + <view class="item_list">
  40 + <view class="list_title">联系电话</view>
  41 + <view class="list_content">
  42 + <input type="number" placeholder='输入联系电话' placeholder-class='pl_style' value="{{mobile}}" class="input_item" bindinput='getPhone'></input>
  43 + </view>
  44 + </view>
  45 + <view class="item_list" style=' align-items: flex-start;'>
  46 + <view class="list_title">公司地址</view>
  47 + <view class="list_content">
  48 + <textarea placeholder='输入公司详细地址' placeholder-class='pl_style' value="{{honor}}" class="area_item" bindinput='honor'></textarea>
  49 + </view>
  50 + </view>
  51 +</view>
  52 +
  53 +<view class='bottom_btn'>认证</view>
  1 +/* pages/my/approve/approve.wxss */
  2 +
  3 +.item_list {
  4 + display: flex;
  5 + flex-wrap: wrap;
  6 + align-items: center;
  7 + padding: 20rpx 32rpx;
  8 + border-bottom: 1rpx solid #f5f5fa;
  9 + position: relative;
  10 + background-color: #fff;
  11 +}
  12 +
  13 +.list_title {
  14 + width: 140rpx;
  15 + font-size: 32rpx;
  16 + color: #333;
  17 + margin-right: 26rpx;
  18 +}
  19 +
  20 +.pl_style {
  21 + font-size: 32rpx;
  22 + color: #ccc;
  23 +}
  24 +
  25 +.list_input {
  26 + width: 60%;
  27 + font-size: 30rpx;
  28 +}
  29 +
  30 +.list_content {
  31 + font-size: 30rpx;
  32 + color: #000;
  33 + min-width: 75%;
  34 +}
  35 +
  36 +.input_item {
  37 + border: 0;
  38 + outline: none;
  39 +}
  40 +
  41 +.area_item {
  42 + width: 80%;
  43 + height: 120rpx;
  44 +}
  45 +
  46 +.bottom_btn {
  47 + width: 352rpx;
  48 + height: 80rpx;
  49 + background: linear-gradient(319deg, rgba(22, 155, 213, 1) 0%, rgba(0, 211, 255, 1) 100%);
  50 + border-radius: 8rpx;
  51 + font-size: 32rpx;
  52 + color: #fff;
  53 + font-weight: bold;
  54 + display: flex;
  55 + align-items: center;
  56 + justify-content: center;
  57 + margin: 100rpx auto 0 auto;
  58 +}
  1 +// pages/my/approveInfo/approveInfo.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  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 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "认证成功"
  4 +}
  1 +<!--pages/my/approveInfo/approveInfo.wxml-->
  2 +<view class='content_box'>
  3 + <view class='icon_box'>
  4 + <view class='iconfont icon-fanhui1' bindtap='goHome'></view>
  5 + </view>
  6 + <view class='list_img'>
  7 + <image src='/images/tijiaochenggong@3x.png'></image>
  8 + </view>
  9 + <view class='list_content'>
  10 + <view class='list_info'>提交成功!</view>
  11 + <view>您已成功提交企业资料,待平台审核...</view>
  12 + <view class='list_btn list_active' bindtap='myInfo'>发表帖子</view>
  13 + <view class='list_btn ' bindtap='goHome'>返回首页</view>
  14 + </view>
  15 +</view>
  1 +/* pages/my/approveInfo/approveInfo.wxss */
  2 +.list_img {
  3 + width: 190rpx;
  4 + height: 190rpx;
  5 + border-radius: 50%;
  6 + overflow: hidden;
  7 + margin-top: 144rpx;
  8 +}
  9 +
  10 +.list_img image {
  11 + width: 100%;
  12 + height: 100%;
  13 +}
  14 +
  15 +.content_box {
  16 + display: flex;
  17 + align-items: center;
  18 + justify-content: center;
  19 + flex-direction: column;
  20 +}
  21 +
  22 +.list_content {
  23 + font-size: 30rpx;
  24 + color: #999;
  25 + /* padding: 140rpx 0rpx; */
  26 + text-align: center;
  27 + box-sizing: border-box;
  28 + line-height: 70rpx;
  29 + margin-top: 50rpx;
  30 +}
  31 +
  32 +.list_info {
  33 + font-size: 34rpx;
  34 + color: #333;
  35 + font-weight: bold;
  36 + text-align: center;
  37 +}
  38 +
  39 +.list_btn {
  40 + width: 464rpx;
  41 + height: 96rpx;
  42 + border: 1rpx solid #e6e6e6;
  43 + border-radius: 8rpx;
  44 + font-size: 34rpx;
  45 + color: #333;
  46 + line-height: 96rpx;
  47 + text-align: center;
  48 + margin-top: 50rpx;
  49 +}
  50 +
  51 +.list_active {
  52 + background: linear-gradient(333deg, rgba(22, 155, 213, 1) 0%, rgba(0, 211, 255, 1) 100%);
  53 + box-shadow: 0rpx 6rpx 20rpx rgba(29, 89, 254, 0.17);
  54 + border: 0;
  55 + color: #fff;
  56 +}