<!--agreement.wxml-->
<view class="wrapper">
<view class="book-info">
<view class="cover">
<image mode="aspectFit" src="{{bookInfo.coverUrl}}"></image>
</view>
<view class="title">{{bookInfo.title}}</view>
<view class="author">作 者 : {{bookInfo.author}}</view>
</view>
<view class="spacing"></view>
<view class="container-agreement">
<view class="tips">
<view>感谢上传的图书和题目，参与我们的书城建设。</view>
<view>加入图书分类小组，搜索QQ群123456</view>
<view>加入出题小组，搜索QQ群123456</view>
</view>
<checkbox-group bindchange="agreeMent" class="info">
<checkbox value="true" checked="false"/> 同意遵守树芽读书的<text class="user-agree" catchtap="showAgreement"> 《用户协议》</text>。
</checkbox-group>
<view wx:if="{{isAgreement}}" class="agreement-text">
修订版《用户协议》的生效日期: 2017 年 6 月 7 日 本概述旨在帮助您更好了解《用户协议》的修订内容以及对您的可能影响。 当您查看、访问或以其他方式使用《用户协议》涵盖的产品和服务时，将受到《用户协议》的约束。为了充分了解约束您使用我们“服务”的修订内容和条款，您需要阅读《用户协议》全文，并仔细阅读在使用我们服务期间适用的任何其他条款，例如付款条款
(如果您选择购买其中一项高级帐号服务)。 第 1 节 - 引言 我们明确了“服务”的定义，以包括在领英表述中由本《用户协议》涵盖的所有服务。例如，Slideshare 是其中涵盖的一项“服务”，但 Lynda.com
(领英提供的另一项服务) 不在本《用户协议》范围内，因为它由单独的用户协议和隐私政策涵盖。 我们将领英更新和修订用户协议的权利说明移动到本节，使其更加醒目。我们可能会不时修订隐私政策和用户协议。例如，因为希望这些条款对您而言清晰易懂，或因为推出新的或不同的产品，又或者因为法律发生变化。
我们已澄清，一些用户是访客，一些则是已经注册领英帐户的会员。 第 2 节 - 义务 资格。我们将新会员和访客的“最低年龄”更改为 16 岁 (或以上，如果法律要求家长同意)。现有会员若恰好未满 16 岁，允许保留会员资格并使用我们的“服务”。
帐号持有人。您的领英个人帐号归您本人所有，但我们已澄清，当其他人 (例如您的雇主) 购买高级帐号功能供您使用时，您的雇主不仅有权停止您对这些高级帐号功能的访问权限，还可以访问您使用这些高级帐号功能的情况报告。例如，如果您的雇主购买了领英课堂高级帐号供您使用，他们可以访问一份显示您已按他们要求完成学习课程的报告。
支付信息。我们已澄清，付费服务可能受“结账”时提供给您的额外使用条款约束。我们还进一步明确了我们的付费服务“自动续订”功能，添加了退款条款引用，并更新了关于如何访问购买记录的信息。 通知。我们澄清了向您提供通知的方式
(包括短信)。 共享。我们进一步澄清了您通过我们“服务”发布和发送的内容及消息的可见性。
</view>
</view>
<view class="btn-box">
<button catchtap="submitBook" data-bookinfo="{{bookInfo}}" disabled="{{submitBtn}}" class="btn-size btn-primary" hover-class="btn-primary-hover">确 认 投 稿</button>
</view>
</view>
|
/* agreement.wxss */
.book-info{
border-top: 1rpx solid #eeeeee;
padding-bottom: 50rpx;
text-align: center;
}
.cover{
margin: 70rpx auto 0 auto;
width: 235rpx;
height: 235rpx;
overflow: hidden;
}
.cover > image{
width: 235rpx;
height: 235rpx;
}
.title{
margin-top:50rpx;
}
.author{
margin-top:10rpx;
}
/*用户协议*/
.container-agreement{
padding-bottom: 200rpx;
font-size: 28rpx;
color: #333333;
line-height: 1.25rem;
}
.user-agree{
color: #38cfba;
}
.tips{
width: 620rpx;
margin: 50rpx auto 0 auto;
padding: 20rpx;
text-align: center;
background: #f4f5f7;
border-radius: 8rpx;
}
.tips view{
margin-top: 5rpx;
}
.info{
margin-top: 30rpx;
height: 50rpx;
line-height: 50rpx;
text-align: center;
font-size: 24rpx;
color: #666;
}
.agreement-text{
width: 620rpx;
padding: 20rpx;
margin: 30rpx auto 0 auto;
background: #f4f5f7;
}
.btn-box{
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 150rpx;
background: #fff;
border-top: 1rpx solid #eeeeee;
}
.btn-size{
margin: 30rpx 50rpx 0 50rpx;
}
|
// agreement.js
Page({
/**
* 页面的初始数据
*/
data: {
bookInfo: {},
isAgreement: false, // 是否显示用户协议
submitBtn: false // 是否允许投稿
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
let that = this;
that.setData({
bookInfo: options
});
console.log(that.data.bookInfo);
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
showAgreement: function () {
let that = this;
if (that.data.isAgreement) {
that.setData({
isAgreement: false
});
} else {
that.setData({
isAgreement: true
});
}
},
// 同意用户协议
agreeMent: function(event) {
let that = this;
if(event.detail.value == "true") {
that.setData({
submitBtn: false
});
} else {
that.setData({
submitBtn: true
});
}
},
submitBook: function (event) {
// actType = 1 原创 actType = 2 朗读
let bookInfo = event.currentTarget.dataset.bookinfo;
// 因为reader传过来是 0 1
bookInfo.actType = (bookInfo.actType - 0) + 1;
getApp().submitWork(bookInfo.bookId, bookInfo.actType, function (res) {
console.log(res);
wx.switchTab({
url: '../index/index',
success: function (res) {
// success
wx.showToast({
title: '投稿成功',
icon: 'success',
duration: 1000
});
},
fail: function () {
// fail
},
complete: function () {
// complete
}
});
});
}
})
|
模板简介：该模板名称为【微信小程序同意用户协议确认投稿页面设计制作开发教程】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。
.jpg)
.jpg)
