合并信息页面

app.json

@@ -56,6 +56,7 @@
     "pages/address/index",
     "pages/bind-phone/index",
     "pages/select-info/index"
+   
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/select-info/index.js

@@ -1,66 +1,28 @@
-// pages/select-info/index.js
+import {
+  imgServerUrl
+} from '../../config/config.js'
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-
+    imgServerUrl: imgServerUrl,
+    items: [
+      { name: '0', value: '0' },
+      { name: '1', value: '1' },
+      { name: '2', value: '2' },
+    ],
+    realName:'lifei',
+    idCardNumber:1123233221434
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload: function () {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh: function () {
-
   },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom: function () {
-
-  },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage: function () {
-
+   radioChange: function (e) {
+    console.log('radio发生change事件，携带value值为：', e.detail.value)
   }
 })

pages/select-info/index.wxml

@@ -1,2 +1,63 @@
-<!--pages/select-info/index.wxml-->
-<text>pages/select-info/index.wxml</text>
+<radio-group class="radio-group" bindchange="radioChange">
+  <view class='first'>
+    <view class='leftinfo'>
+      <view class='tipleft'>用户信息1</view>
+      <view class='tipright'>（如需保留此信息请点击右侧圆圈）</view>
+    </view>
+    <label class="radio">
+      <radio class='radios' value="{{items[0].name}}" checked="{{items[0].checked}}" color='#4183E1' />
+    </label>
+  </view>
+  <view class='midden'>
+    <view class='rzinfo'>认证信息：</view>
+    <view class='infodetail' wx:if="{{realName==0}}">{{realName}}（{{idCardNumber}}）</view>
+    <view class='infodetail1' wx:else>用户未认证</view>
+  </view>
+  <view class='midden'>
+    <view class='rzinfo'>简历信息：</view>
+    <image class='jiantou' src='{{imgServerUrl}}/images/happyjob/rightwjt.png'></image>
+  </view>
+  <view class='last'>
+    <image class='touxiang' src='{{imgServerUrl}}/images/happyjob/rightwjt.png'></image>
+    <view class='rightinfo'>
+      <view class='name'>{{realName}}</view>
+      <text class='otherdetail'>{{realName}}，{{realName}}，{{realName}}（投递岗位数量：15）</text>
+    </view>
+  </view>
+  <!-- 分割灰色模块 -->
+  <view class='fgx'></view>
+
+
+
+  <view class='first'>
+    <view class='leftinfo'>
+      <view class='tipleft'>用户信息1</view>
+      <view class='tipright'>（如需保留此信息请点击右侧圆圈）</view>
+    </view>
+    <label class="radio">
+      <radio class='radios' value="{{items[0].name}}" checked="{{items[0].checked}}" color='#4183E1' />
+    </label>
+  </view>
+  <view class='midden'>
+    <view class='rzinfo'>认证信息：</view>
+    <view class='infodetail' wx:if="realName==lifei">{{realName}}（{{idCardNumber}}）</view>
+    <view class='infodetail1' wx:else>用户未认证</view>
+  </view>
+  <view class='midden'>
+    <view class='rzinfo'>简历信息：</view>
+    <image class='jiantou' src='{{imgServerUrl}}/images/happyjob/rightwjt.png'></image>
+  </view>
+  <view class='last'>
+    <image class='touxiang' src='{{imgServerUrl}}/images/happyjob/rightwjt.png'></image>
+    <view class='rightinfo'>
+      <view class='name'>{{realName}}</view>
+      <text class='otherdetail'>{{realName}}，{{realName}}，{{realName}}（投递岗位数量：15）</text>
+    </view>
+  </view>
+  <!-- 分割灰色模块 -->
+  <view class='fgx'></view>
+
+  <form bindsubmit="submit" report-submit='true' class="btn-group fixed-footer">
+    <button class="selfBtn" form-type="submit">确认选择</button>
+  </form>
+</radio-group>

pages/select-info/index.wxss

@@ -1 +1,156 @@
-/* pages/select-info/index.wxss */
+.first {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: 96rpx;
+  width: 100%;
+  background: rgba(255, 255, 255, 1);
+  border-bottom: 2rpx solid rgba(238, 238, 238, 1);
+}
+
+.leftinfo {
+  display: flex;
+  flex-direction: row;
+}
+
+.tipleft {
+  font-size: 28rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  margin-left: 50rpx;
+}
+
+.tipright {
+  font-size: 28rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: #999;
+}
+
+.radio {
+  display: flex;
+  justify-content: flex-end;
+  margin-right: 50rpx;
+}
+
+.radios {
+  width: 100%;
+  height: 100%;
+}
+
+.midden {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-left: 30rpx;
+  margin-right: 30rpx;
+  height: 96rpx;
+  background: rgba(255, 255, 255, 1);
+  border-bottom: 2rpx solid rgba(238, 238, 238, 1);
+}
+
+.rzinfo {
+  font-size: 28rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  margin-left: 20rpx;
+}
+
+.infodetail {
+  font-size: 28rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(36, 98, 186, 1);
+  margin-right: 20rpx;
+}
+
+.infodetail1 {
+  font-size: 28rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(153, 153, 153, 1);
+  margin-right: 20rpx;
+}
+
+.jiantou {
+  width: 17rpx;
+  height: 29rpx;
+  margin-right: 20rpx;
+}
+
+.last {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  height: 174rpx;
+  background: rgba(255, 255, 255, 1);
+}
+
+.touxiang {
+  width: 102rpx;
+  height: 102rpx;
+  border-radius: 50%;
+  margin-left: 50rpx;
+}
+
+.rightinfo {
+  display: flex;
+  flex-direction: column;
+}
+
+.name {
+  font-size: 34rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  margin-left: 37rpx;
+}
+
+.otherdetail {
+  font-size: 28rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(153, 153, 153, 1);
+  margin-left: 37rpx;
+}
+
+.fgx {
+  width: 100%;
+  height: 20rpx;
+  background: rgba(238, 238, 238, 1);
+}
+
+/* btn */
+
+.fixed-footer {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+
+.btn-group {
+  background: #fff;
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
+.selfBtn {
+  display: flex;
+  height: 106rpx;
+  line-height: 88rpx;
+  align-items: center;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  background: linear-gradient(90deg, rgba(50, 122, 225, 1), rgba(90, 191, 225, 1));
+  border-radius: 53rpx;
+  justify-content: center;
+  font-size: 38rpx;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: 400;
+  color: rgba(255, 254, 254, 1);
+}