parent
5b0a3b68a6
commit
34734de333
@ -0,0 +1,7 @@
|
||||
{
|
||||
"permissions": {
|
||||
"openapi": [
|
||||
"openapi.ocr.printedText"
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,22 @@
|
||||
// 云函数入口文件
|
||||
const cloud = require('wx-server-sdk')
|
||||
|
||||
cloud.init()
|
||||
|
||||
// 云函数入口函数
|
||||
exports.main = async (event, context) => {
|
||||
|
||||
const{
|
||||
buffer
|
||||
} =event
|
||||
let imgBuffer=new Buffer(buffer)
|
||||
let result
|
||||
result=await cloud.openapi.ocr.printedText({
|
||||
type:"photo",
|
||||
img:{
|
||||
contentType:"image/png",
|
||||
value:imgBuffer
|
||||
}
|
||||
})
|
||||
return result
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
{
|
||||
"name": "OCR_getPhoto",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"wx-server-sdk": "~2.4.0"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"permissions": {
|
||||
"openapi": [
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
// 云函数入口文件
|
||||
const cloud = require('wx-server-sdk')
|
||||
|
||||
cloud.init()
|
||||
|
||||
// 云函数入口函数
|
||||
exports.main = async (event, context) => {
|
||||
const wxContext = cloud.getWXContext()
|
||||
|
||||
if(event._id!=null){
|
||||
return await cloud.database().collection("Collection").where({
|
||||
_openid:wxContext.OPENID,
|
||||
noteid:event._id
|
||||
}).get()
|
||||
}
|
||||
else return await cloud.database().collection("Collection").where({
|
||||
_openid:wxContext.OPENID
|
||||
}).get()
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
{
|
||||
"name": "getCollection",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"wx-server-sdk": "~2.4.0"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"permissions": {
|
||||
"openapi": [
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
// 云函数入口文件
|
||||
const cloud = require('wx-server-sdk')
|
||||
|
||||
cloud.init()
|
||||
|
||||
// 云函数入口函数
|
||||
exports.main = async (event, context) => {
|
||||
|
||||
const wxContext = cloud.getWXContext()
|
||||
if(event.type==3){
|
||||
return await cloud.database().collection("note").where({
|
||||
_id:event._id
|
||||
}).get()
|
||||
}else if(event.type==1){
|
||||
return await cloud.database().collection("note").where({
|
||||
title:new RegExp(event.title)
|
||||
}).orderBy('Collection', 'desc').get()
|
||||
}else if(event.type==2){
|
||||
return await cloud.database().collection("note").where({
|
||||
title:new RegExp(event.title),
|
||||
_id:event.noteid
|
||||
}).orderBy('create_time', 'desc').get()
|
||||
}else return await cloud.database().collection("note").where({
|
||||
_openid:wxContext.OPENID,
|
||||
title:new RegExp(event.title)
|
||||
}).orderBy('create_time', 'desc').get()
|
||||
// .then(res=>{
|
||||
// return res
|
||||
// }).catch(res=>{
|
||||
// return res
|
||||
// })
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
{
|
||||
"name": "getNotes",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"wx-server-sdk": "~2.4.0"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"permissions": {
|
||||
"openapi": [
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
// 云函数入口文件
|
||||
const cloud = require('wx-server-sdk')
|
||||
|
||||
cloud.init()
|
||||
|
||||
// 云函数入口函数
|
||||
exports.main = async (event, context) => {
|
||||
const wxContext = cloud.getWXContext()
|
||||
|
||||
return {
|
||||
event,
|
||||
openid: wxContext.OPENID,
|
||||
appid: wxContext.APPID,
|
||||
unionid: wxContext.UNIONID,
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
{
|
||||
"name": "getopid",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"wx-server-sdk": "~2.4.0"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"permissions": {
|
||||
"openapi": [
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
// 云函数入口文件
|
||||
const cloud = require('wx-server-sdk')
|
||||
|
||||
cloud.init()
|
||||
|
||||
// 云函数入口函数
|
||||
exports.main = async (event, context) => {
|
||||
|
||||
if(event.type==2){
|
||||
return await cloud.database().collection('note').doc(event.itemid).update({
|
||||
data:{
|
||||
Collection:cloud.database().command.inc(-1)
|
||||
}
|
||||
})
|
||||
}else return await cloud.database().collection('note').doc(event.itemid).update({
|
||||
data:{
|
||||
Collection:cloud.database().command.inc(1)
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
{
|
||||
"name": "updatenote",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"wx-server-sdk": "~2.4.0"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,55 @@
|
||||
{
|
||||
"pages": [
|
||||
"pages/index/index",
|
||||
"pages/myCollection/myCollection",
|
||||
"pages/community/community",
|
||||
"pages/chakan/chakan",
|
||||
"pages/paibiji/paibiji",
|
||||
"pages/home/home",
|
||||
"pages/xiugaibiji/xiugaibiji",
|
||||
"pages/dubiji/dubiji",
|
||||
"pages/xiebiji/xiebiji"
|
||||
|
||||
],
|
||||
"window": {
|
||||
"backgroundColor": "#DDDCE1",
|
||||
"backgroundTextStyle": "light",
|
||||
"navigationBarBackgroundColor": "#DDDCE1",
|
||||
"navigationBarTitleText": "晴川课堂笔记",
|
||||
"navigationBarTextStyle": "black",
|
||||
"enablePullDownRefresh":true
|
||||
},
|
||||
"tabBar": {
|
||||
"list": [{
|
||||
"pagePath": "pages/index/index",
|
||||
"text": "主页",
|
||||
"iconPath": "images/zhuye_0.png",
|
||||
"selectedIconPath": "images/zhuye_1.png"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/community/community",
|
||||
"text": "班级",
|
||||
"iconPath": "images/shequ_0.png",
|
||||
"selectedIconPath": "images/shequ_1.png"
|
||||
}
|
||||
,{
|
||||
"pagePath": "pages/home/home",
|
||||
"text": "我的",
|
||||
"iconPath": "images/geren_0.png",
|
||||
"selectedIconPath": "images/geren_1.png"
|
||||
}],
|
||||
"selectedColor":"#0094aa"
|
||||
},
|
||||
"sitemapLocation": "sitemap.json",
|
||||
"style": "v2",
|
||||
"plugins": {
|
||||
"ocr-plugin": {
|
||||
"version": "3.0.6",
|
||||
"provider": "wx4418e3e031e551be"
|
||||
},
|
||||
"WechatSI": {
|
||||
"version": "0.3.4",
|
||||
"provider": "wx069ba97219f66d99"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,156 @@
|
||||
/**app.wxss**/
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button {
|
||||
background: initial;
|
||||
}
|
||||
|
||||
button:focus{
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
button::after{
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
page {
|
||||
background: #f6f6f6;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.userinfo, .uploader, .tunnel {
|
||||
margin-top: 40rpx;
|
||||
height: 140rpx;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
transition: all 300ms ease;
|
||||
}
|
||||
|
||||
.userinfo-avatar {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin: 20rpx;
|
||||
border-radius: 50%;
|
||||
background-size: cover;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.userinfo-avatar:after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.userinfo-nickname {
|
||||
font-size: 32rpx;
|
||||
color: #007aff;
|
||||
background-color: white;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.userinfo-nickname::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.uploader, .tunnel {
|
||||
height: auto;
|
||||
padding: 0 0 0 40rpx;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.uploader-text, .tunnel-text {
|
||||
width: 100%;
|
||||
line-height: 52px;
|
||||
font-size: 34rpx;
|
||||
color: #007aff;
|
||||
}
|
||||
|
||||
.uploader-container {
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
padding: 20rpx 20rpx 20rpx 0;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.uploader-image {
|
||||
width: 100%;
|
||||
height: 360rpx;
|
||||
}
|
||||
|
||||
.tunnel {
|
||||
padding: 0 0 0 40rpx;
|
||||
}
|
||||
|
||||
.tunnel-text {
|
||||
position: relative;
|
||||
color: #222;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.tunnel-text:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.tunnel-switch {
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
top: -2rpx;
|
||||
}
|
||||
|
||||
.disable {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.service {
|
||||
position: fixed;
|
||||
right: 40rpx;
|
||||
bottom: 40rpx;
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(#007aff, #0063ce);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
transition: all 300ms ease;
|
||||
}
|
||||
|
||||
.service-button {
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
}
|
||||
|
||||
.service:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.request-text {
|
||||
padding: 20rpx 0;
|
||||
font-size: 24rpx;
|
||||
line-height: 36rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
@ -0,0 +1,84 @@
|
||||
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
_id:"",
|
||||
title:"",
|
||||
content:"",
|
||||
text:""
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (e) {
|
||||
this.setData({
|
||||
_id:e.id
|
||||
})
|
||||
wx.cloud.callFunction({
|
||||
name:"getNotes",
|
||||
data:{
|
||||
type:3,
|
||||
_id:this.data._id,
|
||||
}
|
||||
}).then(res=>{
|
||||
this.setData({
|
||||
title:res.result.data[0].title,
|
||||
content:res.result.data[0].content,
|
||||
text:res.result.data[0].text
|
||||
})
|
||||
}).catch(res=>{
|
||||
console.log("笔记获取失败",res);
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function (e) {
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
<rich-text class="xiebj_2" auto-focus style="width: 467rpx; height: 94rpx; display: block; box-sizing: border-box; left: 0rpx; top: 0rpx" confirm-type="done" nodes="{{title}}" />
|
||||
|
||||
<rich-text nodes="{{content}}" class="neirong_1" show-img-resize="true" style="position: relative; left: 0rpx; top: 31rpx">
|
||||
</rich-text>
|
||||
@ -0,0 +1,20 @@
|
||||
.xiebj_2{
|
||||
border-bottom: 1px solid rgb(92, 100, 99);
|
||||
position: relative;
|
||||
width: 50%;
|
||||
}
|
||||
.neirong_1{
|
||||
|
||||
border-top: 1px solid rgb(119, 134, 131);
|
||||
}
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
.btn_2{
|
||||
border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(59, 168, 168);
|
||||
background-color: rgba(151, 94, 204, 0.267);
|
||||
}
|
||||
@ -0,0 +1,174 @@
|
||||
// pages/community/community.js
|
||||
const _ = wx.cloud.database().command;
|
||||
var app = getApp();
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
_openid:"",
|
||||
list:[],
|
||||
title:"",
|
||||
itemid:""
|
||||
},
|
||||
note: function (e) {
|
||||
if (e.currentTarget.dataset.type == 1) {
|
||||
wx.navigateTo({
|
||||
url: '../chakan/chakan?id=' + e.currentTarget.dataset.id
|
||||
})
|
||||
} else {
|
||||
wx.navigateTo({
|
||||
url: '../chakan/chakan?id=' + e.currentTarget.dataset.id
|
||||
})
|
||||
}
|
||||
},
|
||||
getCollections(_id){
|
||||
wx.cloud.callFunction({
|
||||
name:"getCollection",
|
||||
data:{
|
||||
_id:_id
|
||||
}
|
||||
}).then(res=>{
|
||||
if(app.globalData.islogin){
|
||||
if(res.result.data[0]!=null){
|
||||
wx.showToast({
|
||||
icon:"none",
|
||||
title: '已经收藏过了',
|
||||
})
|
||||
}else{
|
||||
wx.cloud.callFunction({
|
||||
name:"updatenote",
|
||||
data:{
|
||||
itemid:this.data.itemid
|
||||
}
|
||||
}).then(res=>{
|
||||
wx.showToast({
|
||||
title: '收藏成功',
|
||||
})
|
||||
this.getnotes()
|
||||
wx.cloud.database().collection('Collection').add({
|
||||
data:{
|
||||
noteid:this.data.itemid
|
||||
}
|
||||
}).catch(res=>{
|
||||
console.log("noteid写入数据库失败",res)
|
||||
})
|
||||
}).catch(res=>{
|
||||
console.log("收藏失败",res)
|
||||
})
|
||||
}
|
||||
}else{
|
||||
wx.showToast({
|
||||
icon:"none",
|
||||
title: '请先授权',
|
||||
})
|
||||
}
|
||||
|
||||
}).catch(res=>{
|
||||
console.log("getCollection失败",res);
|
||||
})
|
||||
},
|
||||
search(e){
|
||||
this.setData({
|
||||
title:e.detail.value
|
||||
}
|
||||
)
|
||||
this.getnotes()
|
||||
},
|
||||
CollectionFs(e){
|
||||
this.setData({
|
||||
itemid:e.currentTarget.dataset.itemid
|
||||
}),
|
||||
this.getCollections(this.data.itemid),
|
||||
this.getnotes()
|
||||
},
|
||||
getnotes(){
|
||||
wx.cloud.callFunction({
|
||||
name:"getNotes",
|
||||
data:{
|
||||
title:this.data.title,
|
||||
type:1
|
||||
}
|
||||
}).then(res=>{
|
||||
this.setData({
|
||||
list:res.result.data
|
||||
})
|
||||
}).catch(res=>{
|
||||
console.log("调用getNotes失败",res);
|
||||
})
|
||||
},
|
||||
onToggle() {
|
||||
this.setData({
|
||||
value: "",
|
||||
isSearch:false,
|
||||
title:"",
|
||||
})
|
||||
this.getnotes()
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
wx.cloud.callFunction({
|
||||
name:"getopid",
|
||||
success: res=>{
|
||||
this.setData({
|
||||
_openid:res.result.openid
|
||||
})
|
||||
},
|
||||
fail(res){
|
||||
console.log("getopid获取失败",res);
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
this.getnotes()
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,53 @@
|
||||
<view class="bg_99" style="width: 750rpx; height: 1200rpx; display: block; box-sizing: border-box; left: NaNrpx; top: NaNrpx">
|
||||
<view class="top">
|
||||
<view class="topsearch">
|
||||
<view class="frame">
|
||||
<input
|
||||
type="text" confirm-type="search" bindconfirm="onConfirm" placeholder="请搜索"
|
||||
value="{{value}}"
|
||||
bindinput="search"></input>
|
||||
</view>
|
||||
<icon color="#040608" type="clear" size="20" bind:tap="onToggle" />
|
||||
<text bindtap="getnotes">搜索</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="first_tab"
|
||||
wx:for="{{list}}"
|
||||
wx:key="_id">
|
||||
<!-- <navigator class="goods_item"> -->
|
||||
<!-- 左侧头像 -->
|
||||
<view class="goods_img_wrap" >
|
||||
<image wx:if="{{item.type==1}}"class="img_6" mode="widthFix" src="../../images/wenjian0.png"/>
|
||||
<image wx:if="{{item.type==2}}"class="img_6" mode="widthFix" src="../../images/wenjian1.png"/>
|
||||
</view>
|
||||
|
||||
<!-- 右侧笔记 -->
|
||||
<view class="goods_info_wrap"
|
||||
><view bindtap="note"
|
||||
data-id="{{item._id}}"
|
||||
data-type="{{item.type}}">
|
||||
<view class="biaoti_1"> {{item.title}}</view>
|
||||
<!-- <view class="neirong_1">
|
||||
<rich-text nodes="{{item.text}}">
|
||||
</rich-text>
|
||||
</view> -->
|
||||
|
||||
<text class="shijian_1">{{item.create_time}}</text>
|
||||
</view>
|
||||
|
||||
<!-- </navigator> -->
|
||||
</view>
|
||||
|
||||
<button class="btn_sc" hover-class bindtap="CollectionFs" data-itemid="{{item._id}}" style="width: 70rpx;">
|
||||
<image class="image_1" src="../../images/xx.png" >
|
||||
|
||||
</image>
|
||||
<text class="sc_1">{{item.Collection}}</text>
|
||||
|
||||
</button>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- bindtap="CollectionFs" data-itemid="{{item._id}}" -->
|
||||
@ -0,0 +1,371 @@
|
||||
/**index.wxss**/
|
||||
|
||||
.view_title{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.view_content{
|
||||
padding: 1;
|
||||
}
|
||||
.navigator_title{
|
||||
padding: 20rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.navigator_content{
|
||||
padding: 30rpx;
|
||||
}
|
||||
/* .view_item{
|
||||
border: 1px solid #70bcf6;
|
||||
|
||||
} */
|
||||
.search{
|
||||
width:700rpx;
|
||||
height:70rpx;
|
||||
background: rgb(245, 245, 245);
|
||||
border-radius:30rpx;
|
||||
padding-left: 20rpx;
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.search input{
|
||||
flex:1;
|
||||
margin-left: 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.search_item{
|
||||
background-color: aliceblue;
|
||||
font-size: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 底部弹出 */
|
||||
.pupContentBG { width: 100vw; height: 100vh; position: fixed; top: 0; }
|
||||
|
||||
.pupContent {
|
||||
width: 100%;
|
||||
top: 70%;
|
||||
background: rgb(206, 198, 198);
|
||||
position: absolute;
|
||||
bottom: 0; box-shadow: 0 0 10rpx #333;
|
||||
height: 0; z-index: 999; } /* 设置显示的背景 */
|
||||
|
||||
.showBG { display: block; }
|
||||
|
||||
.hideBG { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideBGtUp {
|
||||
from { background: transparent; }
|
||||
to { background: rgba(0, 0, 0, 0.1); } }
|
||||
|
||||
@keyframes slideBGDown {
|
||||
from { background: rgba(0, 0, 0, 0.1); }
|
||||
to { background: transparent; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.openBG { animation: slideBGtUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.closeBG { animation: slideBGDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ } /* 设置显示内容 */
|
||||
|
||||
.showContent { display: block; }
|
||||
|
||||
.hideContent { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideContentUp {
|
||||
from { height: 0; }
|
||||
to { height: 800rpx; } }
|
||||
|
||||
@keyframes slideContentDown {
|
||||
from { height: 800rpx; }
|
||||
to { height: 0; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.open {
|
||||
animation: slideContentUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.close {
|
||||
animation: slideContentDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
.btn_22[plain]{
|
||||
padding: 0;
|
||||
border:none;
|
||||
/* width: 150rpx; */
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.image_22{
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 20%;
|
||||
right: 1%;
|
||||
}
|
||||
.xiebj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.paibj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.dubj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.riji_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.goods_item{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.goods_info_wrap{
|
||||
/* margin-top: 1%; */
|
||||
/* flex: 3; */
|
||||
|
||||
/* position: relative; */
|
||||
display: flex;
|
||||
height: 150rpx;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.img_6{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.biaoti_1{
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
color: #0f1213;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
.neirong_1{
|
||||
color: rgb(44, 30, 66);
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
/* 第几行省略就是几👇 */
|
||||
-webkit-line-clamp: 2;
|
||||
}/**index.wxss**/
|
||||
|
||||
.view_title{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.view_content{
|
||||
padding: 1;
|
||||
}
|
||||
.navigator_title{
|
||||
padding: 20rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.navigator_content{
|
||||
padding: 30rpx;
|
||||
}
|
||||
/* .view_item{
|
||||
border: 1px solid #70bcf6;
|
||||
|
||||
} */
|
||||
|
||||
.search{
|
||||
width:700rpx;
|
||||
height:70rpx;
|
||||
background: rgb(245, 245, 245);
|
||||
border-radius:30rpx;
|
||||
padding-left: 20rpx;
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.search input{
|
||||
flex:1;
|
||||
margin-left: 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.search_item{
|
||||
background-color: aliceblue;
|
||||
font-size: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 底部弹出 */
|
||||
.pupContentBG { width: 100vw; height: 100vh; position: fixed; top: 0; }
|
||||
|
||||
.pupContent {
|
||||
width: 100%;
|
||||
top: 70%;
|
||||
background: rgb(206, 198, 198);
|
||||
position: absolute;
|
||||
bottom: 0; box-shadow: 0 0 10rpx #333;
|
||||
height: 0; z-index: 999; } /* 设置显示的背景 */
|
||||
|
||||
.showBG { display: block; }
|
||||
|
||||
.hideBG { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideBGtUp {
|
||||
from { background: transparent; }
|
||||
to { background: rgba(0, 0, 0, 0.1); } }
|
||||
|
||||
@keyframes slideBGDown {
|
||||
from { background: rgba(0, 0, 0, 0.1); }
|
||||
to { background: transparent; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.openBG { animation: slideBGtUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.closeBG { animation: slideBGDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ } /* 设置显示内容 */
|
||||
|
||||
.showContent { display: block; }
|
||||
|
||||
.hideContent { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideContentUp {
|
||||
from { height: 0; }
|
||||
to { height: 800rpx; } }
|
||||
|
||||
@keyframes slideContentDown {
|
||||
from { height: 800rpx; }
|
||||
to { height: 0; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.open {
|
||||
animation: slideContentUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.close {
|
||||
animation: slideContentDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
.btn_22[plain]{
|
||||
padding: 0;
|
||||
border:none;
|
||||
/* width: 150rpx; */
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.image_22{
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 20%;
|
||||
right: 1%;
|
||||
}
|
||||
.xiebj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.paibj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.dubj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.riji_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.goods_item{
|
||||
display: flex;
|
||||
/* border-bottom: 1px solid rgb(112, 224, 209); */
|
||||
}
|
||||
.goods_img_wrap{
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.first_tab{
|
||||
border-bottom: 1px solid rgb(190, 188, 204);
|
||||
margin-top: 1%;
|
||||
height: 13%;
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.shijian_1{
|
||||
position: relative;
|
||||
left: 0;
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
.img_6{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.btn_sc{
|
||||
position: absolute;
|
||||
display: flex;
|
||||
left: 80%;
|
||||
width: 10%;
|
||||
height:100rpx;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.sc_1{
|
||||
position: absolute;
|
||||
bottom: 0%;
|
||||
left: 45%;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.image_1{
|
||||
position: absolute;
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
right: 15%;
|
||||
bottom: 35%;
|
||||
}
|
||||
|
||||
.neirong_1{
|
||||
color: rgb(44, 30, 66);
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
/* 第几行省略就是几👇 */
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
.bg_99{
|
||||
background-color: #DDDCE1;
|
||||
}
|
||||
.top {
|
||||
width: 100%;
|
||||
background-color: #cfcbdf;
|
||||
}
|
||||
.topsearch {
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
display: flex;
|
||||
padding: 2% 0;
|
||||
align-items: center;
|
||||
}
|
||||
.frame {
|
||||
background-color: white;
|
||||
width: 75%;
|
||||
border-radius: 20rpx;
|
||||
padding: 0 3%;
|
||||
}
|
||||
.frame>input {
|
||||
font-size: 24rpx;
|
||||
margin: 6rpx 0;
|
||||
}
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
.topsearch>text {
|
||||
width: 15%;
|
||||
margin-left: 5%;
|
||||
color: #040608;
|
||||
}
|
||||
@ -0,0 +1,201 @@
|
||||
// pages/dubiji/dubiji.js
|
||||
var plugin = requirePlugin("WechatSI")
|
||||
let manager = plugin.getRecordRecognitionManager()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
title: '',
|
||||
text: '',
|
||||
text_old: '',
|
||||
recording: false, // 正在录音
|
||||
recordStatus: 0, // 状态： 0 - 录音中 1- 翻译中 2 - 翻译完成/二次翻译
|
||||
id: '',
|
||||
authed:false
|
||||
},
|
||||
saveFs(){
|
||||
this.setData({
|
||||
create_time:new Date().toLocaleString()
|
||||
})
|
||||
wx.cloud.database().collection("note").add({
|
||||
data:{
|
||||
title:this.data.title,
|
||||
text:this.data.text,
|
||||
content:this.data.text,
|
||||
create_time:this.data.create_time,
|
||||
type:1,
|
||||
Collection:0
|
||||
}}).then(res=>{
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
}).catch(res=>{
|
||||
console.log("type=1 的笔记写入失败",res);
|
||||
})
|
||||
},
|
||||
titleInput(e){
|
||||
this.setData({
|
||||
title:e.detail.value
|
||||
})
|
||||
},
|
||||
textareaAInput(e){
|
||||
this.setData({
|
||||
text:e.detail.value
|
||||
})
|
||||
},
|
||||
streamRecord(){
|
||||
wx.vibrateShort({
|
||||
complete: (res) => {},
|
||||
})
|
||||
manager.start({duration:30000, lang: "zh_CN"})
|
||||
},
|
||||
endStreamRecord(){
|
||||
// 防止重复触发stop函数
|
||||
manager.stop()
|
||||
if (!this.data.recording || this.data.recordStatus != 0) {
|
||||
console.warn("has finished!")
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (e) {
|
||||
this.initRecord()
|
||||
this.getRecordAuth()
|
||||
},
|
||||
initRecord: function () {
|
||||
//有新的识别内容返回，则会调用此事件
|
||||
// manager.onRecognize = (res) => {
|
||||
// this.setData({
|
||||
// text: this.data.text_old + res.result,
|
||||
// })
|
||||
// }
|
||||
|
||||
// 识别结束事件
|
||||
manager.onStop = (res) => {
|
||||
|
||||
let text = res.result
|
||||
if (text == '') {
|
||||
this.showRecordEmptyTip()
|
||||
return
|
||||
}
|
||||
this.setData({
|
||||
text: this.data.text_old +text,
|
||||
recordStatus: 1,
|
||||
recording: false,
|
||||
}),
|
||||
this.setData({
|
||||
text_old:String(this.data.text)
|
||||
})
|
||||
}
|
||||
|
||||
// 识别错误事件
|
||||
manager.onError = (res) => {
|
||||
|
||||
this.setData({
|
||||
recording: false,
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
getRecordAuth: function () {
|
||||
wx.getSetting().then(res=>{
|
||||
if(res.authSetting['scope.record']){
|
||||
this.setData({
|
||||
authed:true
|
||||
})
|
||||
}else{
|
||||
wx.authorize({
|
||||
scope: 'scope.record',
|
||||
}).then(res=>{
|
||||
this.setData({
|
||||
authed:true
|
||||
})
|
||||
}).catch(res=>{
|
||||
this.cancel_auth()
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel_auth(){
|
||||
wx.showModal({
|
||||
title:"提示",
|
||||
content:"未授权无法录音哦~",
|
||||
cancelText:"不授权",
|
||||
confirmText:"去授权",
|
||||
success:res=>{
|
||||
if(res.confirm){
|
||||
wx.openSetting({
|
||||
success:res=>{
|
||||
if(res.authSetting['scope.record']){
|
||||
this.setData({
|
||||
authed:true
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
showRecordEmptyTip(){
|
||||
wx.showToast({
|
||||
title: '识别为空',
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
|
||||
<view class="bg_1" style="width: 750rpx; height: 1180rpx; display: block; box-sizing: border-box">
|
||||
<view>
|
||||
<input name="title" bindinput="titleInput" value="{{title}}" maxlength="16" placeholder="输入标题" style="width: 750rpx; height: 129rpx; display: block; box-sizing: border-box"></input>
|
||||
<textarea name="text" bindinput="textareaAInput" style="height: 579rpx; width: 701rpx; display: block; box-sizing: border-box; position: relative; left: 0rpx; top: 73rpx" value="{{text}}" maxlength="-1" placeholder="语音输入内容……"></textarea>
|
||||
<button bindtap="saveFs" style="position: relative; left: -25rpx; top: 73rpx">保存</button>
|
||||
</view>
|
||||
<view>
|
||||
<view class="v_view" catchtouchstart="streamRecord"
|
||||
catchtouchend="endStreamRecord" style="position: relative; left: 293rpx; top: 66rpx">
|
||||
<image style="position: relative; left: 0rpx; top: 3rpx" class="i_voice" src="../../images/yuying1.png"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,56 @@
|
||||
.v_view{
|
||||
background-color:#C0CCD8;
|
||||
display: flex;
|
||||
width: 10vh;
|
||||
left: 27vh;
|
||||
position: relative;
|
||||
justify-content: center;
|
||||
}
|
||||
.i_voice{
|
||||
/* right: 00vh;
|
||||
left: 25vh; */
|
||||
width: 110rpx;
|
||||
height: 110rpx;
|
||||
border-radius: 50%;
|
||||
z-index: 999;
|
||||
position: relative;
|
||||
justify-content: center;
|
||||
}
|
||||
.bg_1{
|
||||
background-color: #DDDCE1;
|
||||
}
|
||||
.txt_1{
|
||||
display: flex;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
line-height: 85rpx;
|
||||
}
|
||||
.re_1{
|
||||
|
||||
display: flex;
|
||||
left: 0;
|
||||
|
||||
justify-content: center;
|
||||
position: fixed;
|
||||
}
|
||||
.wenben_1{
|
||||
display: flex;
|
||||
flex: 2;
|
||||
border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(21, 24, 24);
|
||||
position: relative;
|
||||
left: 50%;
|
||||
}
|
||||
.re_2{
|
||||
display: inline;
|
||||
}
|
||||
.yuyin_1{
|
||||
display: inline;
|
||||
}
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,62 @@
|
||||
<view class="bg_101" style="width: 750rpx; height: 1180rpx; display: block; box-sizing: border-box">
|
||||
<view class="user_info_wrap">
|
||||
<image wx:if="{{!hasUserInfo}}" class="lodin_bg" src="https://pic.imgdb.cn/item/60b4792039f6859bc28210ed.jpg"> </image>
|
||||
<button wx:if="{{!hasUserInfo}}" class="user_btn" bindtap="shouquanFs" >登录</button>
|
||||
<view wx:if="{{hasUserInfo}}" class="user_img_wrap">
|
||||
<image class="user_bg" src="{{userInfo.avatarUrl}}"></image>
|
||||
<view class="user_info">
|
||||
<image class="user_icon" src="{{userInfo.avatarUrl}}"></image>
|
||||
<view class="user_name">{{userInfo.nickName}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg_9527" wx:if="{{hasUserInfo}}">
|
||||
<view class="txt_10">
|
||||
<text class="txt_12">{{day}}</text>
|
||||
<text class="txt_22">{{count}}</text>
|
||||
|
||||
|
||||
<!-- <image class="xian_1" src="../../images/zhi.jpg"></image> -->
|
||||
<!-- 使用了{{day}}天云笔记 -->
|
||||
<!-- {{count}} -->
|
||||
</view>
|
||||
<view class="txt_20">
|
||||
|
||||
<text class="txt_11" hover-class="none" >使用天数</text>
|
||||
<text class="txt_21">笔记数</text>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- <view class="container">
|
||||
分割线
|
||||
<view class="divLine"></view>
|
||||
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="good_1" >
|
||||
<view class="good_2"> </view>
|
||||
<button wx:if="{{hasUserInfo}}" class="btn_sc" bindtap="handleCollection" >我的收藏</button>
|
||||
<!-- <view class="divLine2"></view> -->
|
||||
<button class="btn_fenxiang" open-type="share" >分享</button>
|
||||
<button class="btn_fk" open-type="feedback" >意见反馈</button>
|
||||
<button class="btn_kf" open-type="contact"
|
||||
bindcontact="handleContact">戳客服
|
||||
</button>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- <view class="user_wrap">
|
||||
<view class="user_img_wrap">
|
||||
<image class="user_bg" src="{{userInfo.avatarUrl}}"></image>
|
||||
<view class="user_info">
|
||||
<image class="user_icon"></image>
|
||||
<view class="user_name"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
@ -0,0 +1,151 @@
|
||||
.user_info_wrap{
|
||||
height: 45vh;
|
||||
background-color:" rgb(220, 221, 221)";
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
.user_img_wrap{
|
||||
position: relative;
|
||||
}
|
||||
.user_bg{
|
||||
width: 100%;
|
||||
height: 46vh;
|
||||
/* 高斯模糊 */
|
||||
filter: blur(10rpx);
|
||||
}
|
||||
.user_info{
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 20%;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.user_icon{
|
||||
width: 165rpx;
|
||||
height: 165rpx;
|
||||
border-radius: 50%;
|
||||
/* 边框圆角 */
|
||||
}
|
||||
.user_name{
|
||||
color: aliceblue;
|
||||
margin-top: 40rpx;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.user_btn{
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top:45%;
|
||||
color: rgb(104, 124, 118);
|
||||
font-size: 60rpx;
|
||||
border: 1rpx solid rgba(138, 182, 185, 0.596);
|
||||
border-radius: 50rpx;
|
||||
/* border: 1rpx solid rgba(183, 247, 10, 0.952); */
|
||||
/* color: rgb(228, 72, 33);
|
||||
font-size: 38rpx;
|
||||
padding: 30rpx;
|
||||
border-radius: 50rpx; */
|
||||
}
|
||||
.lodin_bg{
|
||||
width: 100%;
|
||||
filter: blur(5rpx);
|
||||
}
|
||||
.good_1{
|
||||
flex-flow: column;
|
||||
display:flex;
|
||||
flex: 1;
|
||||
margin-top: 5%;
|
||||
margin-bottom: 0%;
|
||||
}
|
||||
/* .good_2{
|
||||
display:flex;
|
||||
flex: 2;
|
||||
} */
|
||||
.btn_fenxiang{
|
||||
display:flex;
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid rgb(9, 14, 13);
|
||||
}
|
||||
.btn_sc{
|
||||
display:flex;
|
||||
flex: 1;
|
||||
border-bottom: 1px solid rgb(9, 14, 13)
|
||||
}
|
||||
.btn_kf{
|
||||
display:flex;
|
||||
flex: 1;
|
||||
border-bottom: 1px solid rgb(9, 14, 13);
|
||||
}
|
||||
.btn_fk{
|
||||
display:flex;
|
||||
flex: 1;
|
||||
border-bottom: 1px solid rgb(6, 12, 11);
|
||||
}
|
||||
|
||||
|
||||
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
.divLine{
|
||||
position: absolute;
|
||||
background: #000000;
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
bottom: 46%;
|
||||
}
|
||||
.bg_101{
|
||||
background-color: #DDDCE1;
|
||||
}
|
||||
.divLine2{
|
||||
position: absolute;
|
||||
background: #000000;
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
bottom: 37%;
|
||||
}
|
||||
.bg_9527{
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
.txt_10{
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-flow: row;
|
||||
}
|
||||
.txt_22{
|
||||
flex: 1;
|
||||
flex-flow: row;
|
||||
margin-left: 20%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.txt_12{
|
||||
flex: 1;
|
||||
font-weight: bold;
|
||||
flex-flow: row;
|
||||
margin-left: 26%;
|
||||
}
|
||||
.txt_20{
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-flow: row;
|
||||
}
|
||||
.txt_11{
|
||||
margin-left: 20%;
|
||||
margin-top: 5%;
|
||||
flex: 1;
|
||||
font-weight: bold;
|
||||
flex-flow: row;
|
||||
}
|
||||
.txt_21{
|
||||
margin-top: 5%;
|
||||
font-weight: bold;
|
||||
margin-left: 15%;
|
||||
flex: 1;
|
||||
flex-flow: row;
|
||||
}
|
||||
|
||||
@ -0,0 +1,155 @@
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
list:[],
|
||||
_openid:"",
|
||||
itemid:"",
|
||||
title:"",
|
||||
// 底部弹出
|
||||
click: false,
|
||||
option: false,
|
||||
},
|
||||
|
||||
search(e){
|
||||
this.setData({
|
||||
title:e.detail.value
|
||||
}
|
||||
)
|
||||
this.getnotes()
|
||||
},
|
||||
getnotes(){
|
||||
wx.cloud.callFunction({
|
||||
name:"getNotes",
|
||||
data:{
|
||||
title:this.data.title
|
||||
}
|
||||
}).then(res=>{
|
||||
this.setData({
|
||||
list:res.result.data
|
||||
})
|
||||
}).catch(res=>{
|
||||
console.log("调用getNotes失败",res);
|
||||
})
|
||||
},
|
||||
shanchuFs(e){
|
||||
this.setData({
|
||||
itemid:e.currentTarget.dataset.itemid
|
||||
})
|
||||
wx.cloud.database().collection('note').doc(this.data.itemid).remove().then(res=>{
|
||||
}).catch(res=>{
|
||||
console.log("删除失败",res)
|
||||
})
|
||||
wx.cloud.database().collection('Collection').where({noteid:this.data.itemid}).remove().then(res=>{
|
||||
}).catch(res=>{
|
||||
console.log("删除失败",res)
|
||||
})
|
||||
this.getnotes()
|
||||
},
|
||||
note: function (e) {
|
||||
if (e.currentTarget.dataset.type == 1) {
|
||||
wx.navigateTo({
|
||||
url: '../xiugaibiji/xiugaibiji?id=' + e.currentTarget.dataset.id
|
||||
})
|
||||
} else {
|
||||
wx.navigateTo({
|
||||
url: '../xiugaibiji/xiugaibiji?id=' + e.currentTarget.dataset.id
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad() {
|
||||
wx.cloud.callFunction({
|
||||
name:"getopid",
|
||||
success: res=>{
|
||||
this.setData({
|
||||
_openid:res.result.openid
|
||||
})
|
||||
this.getnotes()
|
||||
|
||||
},
|
||||
fail(res){
|
||||
console.log("getopid获取失败",res);
|
||||
}
|
||||
})
|
||||
},
|
||||
onToggle() {
|
||||
this.setData({
|
||||
value: "",
|
||||
isSearch:false,
|
||||
title:""
|
||||
})
|
||||
this.getnotes()
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
this.getnotes()
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
},
|
||||
|
||||
// 底部弹窗
|
||||
clickPup: function() {
|
||||
let _that = this;
|
||||
if (!_that.data.click)
|
||||
{
|
||||
_that.setData({ click: true, })
|
||||
}
|
||||
if (_that.data.option) { _that.setData({ option: false, }) // 关闭显示弹窗动画的内容，不设置的话会出现：点击任何地方都会出现弹窗，就不是指定位置点击出现弹窗了
|
||||
setTimeout(() => {
|
||||
_that.setData({ click: false, }) }, 500) }
|
||||
else { _that.setData({ option: true }) } },
|
||||
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,92 @@
|
||||
<view class="bg_1">
|
||||
<view class="top">
|
||||
<view class="topsearch">
|
||||
<view class="frame">
|
||||
<input
|
||||
type="text" confirm-type="search" bindconfirm="onConfirm" placeholder="请搜索"
|
||||
value="{{value}}"
|
||||
bindinput="search"></input>
|
||||
</view>
|
||||
<icon color="#040608" type="clear" size="20" bind:tap="onToggle" />
|
||||
<text bindtap="getnotes">搜索</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <text class="txt111">我的笔记:</text> -->
|
||||
<view class="first_tab"
|
||||
wx:for="{{list}}"
|
||||
wx:key="_id">
|
||||
<!-- <navigator class="goods_item"> -->
|
||||
<!-- 左侧头像 -->
|
||||
<view class="goods_img_wrap" >
|
||||
<image wx:if="{{item.type==1}}"class="img_6" mode="widthFix" src="../../images/wenjian0.png"/>
|
||||
<image wx:if="{{item.type==2}}"class="img_6" mode="widthFix" src="../../images/wenjian1.png"/>
|
||||
</view>
|
||||
|
||||
<!-- 右侧笔记 -->
|
||||
<view class="goods_info_wrap"
|
||||
><view bindtap="note"
|
||||
data-id="{{item._id}}"
|
||||
data-type="{{item.type}}">
|
||||
<view class="biaoti_1"> {{item.title}}</view>
|
||||
<!-- <view class="neirong_1">
|
||||
<rich-text nodes="{{item.text}}">
|
||||
</rich-text>
|
||||
</view> -->
|
||||
<text class="shijian_1">{{item.create_time}}</text>
|
||||
</view>
|
||||
|
||||
<!-- </navigator> -->
|
||||
</view>
|
||||
<button class="btn_sc" hover-class bindtap="shanchuFs" data-itemid="{{item._id}}" style="width: 70rpx;">
|
||||
<image class="image_1" src="../../images/laji.png" ></image>
|
||||
|
||||
</button>
|
||||
</view>
|
||||
<!-- <view class="view_content">
|
||||
<view class="navigator_content"
|
||||
wx:for="{{list}}"
|
||||
wx:key="_id"
|
||||
|
||||
>
|
||||
<view class="view_item" bindtap="note"
|
||||
data-id="{{item._id}}"
|
||||
data-type="{{item.type}}">
|
||||
{{item.title}}
|
||||
<rich-text nodes="{{item.content}}">
|
||||
</rich-text>
|
||||
{{item.create_time}}
|
||||
</view>
|
||||
<button bindtap="shanchuFs" data-itemid="{{item._id}}">删除</button>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
|
||||
|
||||
<button
|
||||
catchtap='clickPup' class="btn_22"
|
||||
style="position: relative; left: 298rpx; top: 856rpx; width: 155rpx; height: 148rpx; display: block; box-sizing: border-box" plain="true">
|
||||
<image class="image_22" src="../../images/jiahao1.png" style="width: 134rpx; height: 129rpx; display: block; box-sizing: border-box; left: 610rpx; top: 940rpx"></image>
|
||||
</button>
|
||||
|
||||
<!-- 底部弹窗动画的内容 -->
|
||||
<view class='pupContent {{click? "showContent": "hideContent"}} {{option? "open": "close"}}' hover-stop-propagation='true'>
|
||||
<view class="view_title">
|
||||
<navigator url="../xiebiji/xiebiji" class="navigator_title">
|
||||
<image class="xiebj_1" src="../../images/xiebiji.png"></image>
|
||||
<text class="txt_66">写笔记</text>
|
||||
</navigator>
|
||||
<navigator url="../paibiji/paibiji" class="navigator_title">
|
||||
<image class="paibj_1" src="../../images/paibiji.png"></image>
|
||||
<text class="txt_64">拍笔记</text>
|
||||
</navigator>
|
||||
<navigator url="../dubiji/dubiji" class="navigator_title">
|
||||
<image class="dubj_1" src="../../images/yuying.png"></image>
|
||||
<text class="txt_65">读笔记</text>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 固定的背景 -->
|
||||
<view class='pupContentBG {{click?"showBG":"hideBG"}} {{option?"openBG":"closeBG"}}' catchtap='clickPup'>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -0,0 +1,277 @@
|
||||
/**index.wxss**/
|
||||
|
||||
.view_title{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.view_content{
|
||||
padding: 1;
|
||||
}
|
||||
.navigator_title{
|
||||
padding: 20rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.navigator_content{
|
||||
padding: 30rpx;
|
||||
}
|
||||
.view_item{
|
||||
border: 1px solid #70bcf6;
|
||||
|
||||
}
|
||||
/* .search{
|
||||
width:700rpx;
|
||||
height:70rpx;
|
||||
background: rgb(245, 245, 245);
|
||||
border-radius:30rpx;
|
||||
padding-left: 20rpx;
|
||||
display: flex;
|
||||
|
||||
} */
|
||||
.search input{
|
||||
flex:1;
|
||||
margin-left: 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.search_item{
|
||||
background-color: aliceblue;
|
||||
font-size: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 底部弹出 */
|
||||
.pupContentBG {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.pupContent {
|
||||
width: 100%;
|
||||
background-color: #C0CCD8;
|
||||
top: 70%;
|
||||
/* background:#DDDCE1; */
|
||||
position: absolute;
|
||||
position:fixed;
|
||||
bottom: 0; box-shadow: 0 0 10rpx #333;
|
||||
height: 0; z-index: 999; } /* 设置显示的背景 */
|
||||
|
||||
.showBG { display: block; }
|
||||
|
||||
.hideBG { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideBGtUp {
|
||||
from { background: transparent; }
|
||||
to { background: rgba(0, 0, 0, 0.1); } }
|
||||
|
||||
@keyframes slideBGDown {
|
||||
from { background: rgba(0, 0, 0, 0.1); }
|
||||
to { background: transparent; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.openBG { animation: slideBGtUp 0.01s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.closeBG { animation: slideBGDown 0.01s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ } /* 设置显示内容 */
|
||||
|
||||
.showContent { display: block; }
|
||||
|
||||
.hideContent { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideContentUp {
|
||||
from { height: 0; }
|
||||
to { height: 100%; } }
|
||||
|
||||
@keyframes slideContentDown {
|
||||
from { height: 100%; }
|
||||
to { height: 0; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.open {
|
||||
animation: slideContentUp 0.01s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.close {
|
||||
animation: slideContentDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
.btn_22[plain]{
|
||||
padding: 0;
|
||||
border:none;
|
||||
/* width: 150rpx; */
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
.image_22{
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 50rpx;
|
||||
right: 1%;
|
||||
}
|
||||
.xiebj_1{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
position: fixed;
|
||||
left: 7%;
|
||||
}
|
||||
.paibj_1{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
position: fixed;
|
||||
right: 45%;
|
||||
}
|
||||
.dubj_1{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
right: 7%;
|
||||
position: fixed;
|
||||
}
|
||||
.riji_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.goods_item{
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.goods_img_wrap{
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.img_6{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.goods_info_wrap{
|
||||
/* margin-top: 1%; */
|
||||
/* flex: 3; */
|
||||
|
||||
/* position: relative; */
|
||||
display: flex;
|
||||
height: 150rpx;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.biaoti_1{
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
color: #0f1213;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
.btn_sc{
|
||||
position: absolute;
|
||||
display: flex;
|
||||
left: 80%;
|
||||
width: 10%;
|
||||
height: 70rpx;
|
||||
|
||||
|
||||
}
|
||||
.image_1{
|
||||
position: absolute;
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
right: 15%;
|
||||
bottom: 8%;
|
||||
}
|
||||
.neirong_1{
|
||||
color: rgb(44, 30, 66);
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
/* 第几行省略就是几👇 */
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
.shijian_1{
|
||||
position: relative;
|
||||
left: 0;
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
.txt111{
|
||||
position: relative;
|
||||
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
/* border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(49, 47, 165); */
|
||||
}
|
||||
.txt_66{
|
||||
position: fixed;
|
||||
bottom: 150rpx;
|
||||
left: 5%;
|
||||
}
|
||||
.txt_65{
|
||||
position: fixed;
|
||||
bottom: 150rpx;
|
||||
right: 5%;
|
||||
}
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
.txt_64{
|
||||
position: fixed;
|
||||
bottom: 150rpx;
|
||||
right: 43%;
|
||||
}
|
||||
.bg_1{
|
||||
/* background-color: #DDDCE1; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.btn_fk{
|
||||
background-color: #C0CCD8;
|
||||
}
|
||||
.top {
|
||||
width: 100%;
|
||||
background-color: #cfcbdf;
|
||||
}
|
||||
.topsearch {
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
display: flex;
|
||||
padding: 2% 0;
|
||||
align-items: center;
|
||||
}
|
||||
.frame {
|
||||
background-color: white;
|
||||
width: 75%;
|
||||
border-radius: 20rpx;
|
||||
padding: 0 3%;
|
||||
}
|
||||
.frame>input {
|
||||
font-size: 24rpx;
|
||||
margin: 6rpx 0;
|
||||
}
|
||||
.topsearch>text {
|
||||
width: 15%;
|
||||
margin-left: 5%;
|
||||
color: #040608;
|
||||
}
|
||||
.first_tab{
|
||||
border-bottom: 1px solid rgb(190, 188, 204);
|
||||
margin-top: 1%;
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
<view class="first_tab"
|
||||
wx:for="{{list}}"
|
||||
wx:key="_id">
|
||||
<!-- <navigator class="goods_item"> -->
|
||||
<!-- 左侧头像 -->
|
||||
<view class="goods_img_wrap" >
|
||||
<image wx:if="{{item.type==1}}"class="img_6" mode="widthFix" src="../../images/wenjian0.png"/>
|
||||
<image wx:if="{{item.type==2}}"class="img_6" mode="widthFix" src="../../images/wenjian1.png"/>
|
||||
</view>
|
||||
|
||||
<!-- 右侧笔记 -->
|
||||
<view class="goods_info_wrap"
|
||||
><view bindtap="note"
|
||||
data-id="{{item._id}}"
|
||||
data-type="{{item.type}}">
|
||||
<view class="biaoti_1"> {{item.title}}</view>
|
||||
<!-- <view class="neirong_1">
|
||||
<rich-text nodes="{{item.text}}">
|
||||
</rich-text>
|
||||
</view> -->
|
||||
|
||||
<text class="shijian_1">{{item.create_time}}</text>
|
||||
</view>
|
||||
|
||||
<!-- </navigator> -->
|
||||
</view>
|
||||
|
||||
<button class="btn_sc" hover-class data-itemid="{{item._id}}" style="width: 70rpx;">
|
||||
<image class="image_1" src="../../images/xx.png" >
|
||||
|
||||
</image>
|
||||
<text class="sc_1">{{item.Collection}}</text>
|
||||
|
||||
</button>
|
||||
|
||||
|
||||
<button class="btn_sanchu" hover-class bindtap="cancelCollection" data-itemid="{{item._id}}" style="width: 120rpx; height: 59rpx; display: flex; position: absolute">
|
||||
<image class="image_2" src="../../images/laji.png" style="position: absolute; left: 29rpx; top: -5rpx"></image>
|
||||
|
||||
</button>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
@ -0,0 +1,357 @@
|
||||
/**index.wxss**/
|
||||
|
||||
.view_title{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.view_content{
|
||||
padding: 1;
|
||||
}
|
||||
.navigator_title{
|
||||
padding: 20rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.navigator_content{
|
||||
padding: 30rpx;
|
||||
}
|
||||
.view_item{
|
||||
border: 1px solid #70bcf6;
|
||||
|
||||
}
|
||||
.search{
|
||||
width:700rpx;
|
||||
height:70rpx;
|
||||
background: rgb(245, 245, 245);
|
||||
border-radius:30rpx;
|
||||
padding-left: 20rpx;
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.search input{
|
||||
flex:1;
|
||||
margin-left: 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.search_item{
|
||||
background-color: aliceblue;
|
||||
font-size: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 底部弹出 */
|
||||
.pupContentBG { width: 100vw; height: 100vh; position: fixed; top: 0; }
|
||||
|
||||
.pupContent {
|
||||
width: 100%;
|
||||
top: 70%;
|
||||
background: rgb(206, 198, 198);
|
||||
position: absolute;
|
||||
bottom: 0; box-shadow: 0 0 10rpx #333;
|
||||
height: 0; z-index: 999; } /* 设置显示的背景 */
|
||||
|
||||
.showBG { display: block; }
|
||||
|
||||
.hideBG { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideBGtUp {
|
||||
from { background: transparent; }
|
||||
to { background: rgba(0, 0, 0, 0.1); } }
|
||||
|
||||
@keyframes slideBGDown {
|
||||
from { background: rgba(0, 0, 0, 0.1); }
|
||||
to { background: transparent; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.openBG { animation: slideBGtUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.closeBG { animation: slideBGDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ } /* 设置显示内容 */
|
||||
|
||||
.showContent { display: block; }
|
||||
|
||||
.hideContent { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideContentUp {
|
||||
from { height: 0; }
|
||||
to { height: 800rpx; } }
|
||||
|
||||
@keyframes slideContentDown {
|
||||
from { height: 800rpx; }
|
||||
to { height: 0; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.open {
|
||||
animation: slideContentUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.close {
|
||||
animation: slideContentDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
.btn_22[plain]{
|
||||
padding: 0;
|
||||
border:none;
|
||||
/* width: 150rpx; */
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.image_22{
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 20%;
|
||||
right: 1%;
|
||||
}
|
||||
.xiebj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.paibj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.dubj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.riji_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.goods_item{
|
||||
display: flex;
|
||||
/* border-bottom: 1px solid rgb(112, 224, 209); */
|
||||
}
|
||||
.goods_img_wrap{
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.img_6{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.biaoti_1{
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
color: #0f1213;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
.shijian_1{
|
||||
position: relative;
|
||||
left: 0;
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
.btn_sc{
|
||||
position: absolute;
|
||||
display: flex;
|
||||
left: 80%;
|
||||
width: 10%;
|
||||
height:100rpx;
|
||||
|
||||
|
||||
}
|
||||
.btn_sanchu{
|
||||
position: absolute;
|
||||
display: flex;
|
||||
left: 80%;
|
||||
margin-top: 18%;
|
||||
width: 40rpx;
|
||||
|
||||
height: 100rpx;
|
||||
|
||||
|
||||
}
|
||||
.image_2{
|
||||
position: absolute;
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
right: 15%;
|
||||
top: 5%;
|
||||
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.image_1{
|
||||
position: absolute;
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
right: 15%;
|
||||
bottom: 35%;
|
||||
}
|
||||
|
||||
.sc_1{
|
||||
position: absolute;
|
||||
bottom: 0%;
|
||||
left: 45%;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.shoucang_1{
|
||||
position: relative;
|
||||
left: 75%;
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
.neirong_1{
|
||||
color: rgb(44, 30, 66);
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
/* 第几行省略就是几👇 */
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
.view_title{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.view_content{
|
||||
padding: 1;
|
||||
}
|
||||
.navigator_title{
|
||||
padding: 20rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.navigator_content{
|
||||
padding: 30rpx;
|
||||
}
|
||||
.view_item{
|
||||
border: 1px solid #70bcf6;
|
||||
|
||||
}
|
||||
.search{
|
||||
width:700rpx;
|
||||
height:70rpx;
|
||||
background: rgb(245, 245, 245);
|
||||
border-radius:30rpx;
|
||||
padding-left: 20rpx;
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.search input{
|
||||
flex:1;
|
||||
margin-left: 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.search_item{
|
||||
background-color: aliceblue;
|
||||
font-size: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 底部弹出 */
|
||||
.pupContentBG { width: 100vw; height: 100vh; position: fixed; top: 0; }
|
||||
|
||||
.pupContent {
|
||||
width: 100%;
|
||||
top: 70%;
|
||||
background: rgb(206, 198, 198);
|
||||
position: absolute;
|
||||
bottom: 0; box-shadow: 0 0 10rpx #333;
|
||||
height: 0; z-index: 999; } /* 设置显示的背景 */
|
||||
|
||||
.showBG { display: block; }
|
||||
|
||||
.hideBG { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideBGtUp {
|
||||
from { background: transparent; }
|
||||
to { background: rgba(0, 0, 0, 0.1); } }
|
||||
|
||||
@keyframes slideBGDown {
|
||||
from { background: rgba(0, 0, 0, 0.1); }
|
||||
to { background: transparent; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.openBG { animation: slideBGtUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.closeBG { animation: slideBGDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ } /* 设置显示内容 */
|
||||
|
||||
.showContent { display: block; }
|
||||
|
||||
.hideContent { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
||||
|
||||
@keyframes slideContentUp {
|
||||
from { height: 0; }
|
||||
to { height: 800rpx; } }
|
||||
|
||||
@keyframes slideContentDown {
|
||||
from { height: 800rpx; }
|
||||
to { height: 0; } } /* 显示或关闭内容时动画 */
|
||||
|
||||
.open {
|
||||
animation: slideContentUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
|
||||
.close {
|
||||
animation: slideContentDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
||||
.btn_22[plain]{
|
||||
padding: 0;
|
||||
border:none;
|
||||
/* width: 150rpx; */
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.image_22{
|
||||
height: 150rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 20%;
|
||||
right: 1%;
|
||||
}
|
||||
.xiebj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.paibj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.dubj_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.riji_1{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.goods_item{
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.goods_info_wrap{
|
||||
/* margin-top: 1%; */
|
||||
/* flex: 3; */
|
||||
|
||||
/* position: relative; */
|
||||
display: flex;
|
||||
height: 150rpx;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.bg_13{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
.first_tab{
|
||||
border-bottom: 1px solid rgb(153, 151, 165);
|
||||
margin-top: 1%;
|
||||
height: 200rpx;
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@ -0,0 +1,101 @@
|
||||
// pages/demo01/demo01.js
|
||||
Page({
|
||||
data:{
|
||||
img_src:"",
|
||||
img_text:[],
|
||||
text:"",
|
||||
create_time:"",
|
||||
title:"",
|
||||
content:""
|
||||
},
|
||||
titletFs(e){
|
||||
this.setData({
|
||||
title:e.detail.value
|
||||
})
|
||||
},
|
||||
onEditorReady(){
|
||||
const that = this
|
||||
wx.createSelectorQuery().select('#editor').context(function(res) {
|
||||
that.editorCtx = res.context
|
||||
that.editorCtx.setContents({
|
||||
html:that.data.content
|
||||
});
|
||||
}).exec()
|
||||
|
||||
},
|
||||
saveFs(){
|
||||
this.setData({
|
||||
create_time:new Date().toLocaleString()
|
||||
})
|
||||
wx.cloud.database().collection("note").add({
|
||||
data:{
|
||||
img_src:this.data.img_src,
|
||||
title:this.data.title,
|
||||
text:this.data.text,
|
||||
content:this.data.content,
|
||||
create_time:this.data.create_time,
|
||||
type:1,
|
||||
Collection:0
|
||||
}}).then(res=>{
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
}).catch(res=>{
|
||||
console.log("type=1 的笔记写入失败",res);
|
||||
})
|
||||
}
|
||||
,
|
||||
upImg(){
|
||||
let that=this
|
||||
wx.chooseImage({
|
||||
count: 1,
|
||||
sizeType: [ 'compressed'],
|
||||
sourceType: ['album', 'camera'],
|
||||
success: res => {
|
||||
// tempFilePath可以作为img标签的src属性显示图片
|
||||
const tempFilePaths = res.tempFilePaths;
|
||||
this.uploadFile(tempFilePaths[0]);
|
||||
let fileBuffer=wx.getFileSystemManager().readFileSync(tempFilePaths[0]);
|
||||
wx.cloud.callFunction({
|
||||
name:"OCR_getPrint",
|
||||
data:{
|
||||
buffer:fileBuffer
|
||||
},
|
||||
success :res => {
|
||||
let items=res.result.items;
|
||||
let text=""
|
||||
let content=""
|
||||
items.forEach(element => {
|
||||
text=text+element.text;
|
||||
content=content+"<p>"+element.text+"</p><p><br></p>";
|
||||
});
|
||||
that.setData({
|
||||
img_text:items,
|
||||
text,
|
||||
content
|
||||
})
|
||||
this.onEditorReady()
|
||||
},
|
||||
fail(res){
|
||||
console.log("识别失败",res);
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
uploadFile(tempFilePaths){
|
||||
wx.cloud.uploadFile({
|
||||
cloudPath: new Date().getTime()+'.png', // 上传至云端的路径
|
||||
filePath: tempFilePaths, // 小程序临时文件路径
|
||||
success: res => {
|
||||
// 返回文件 ID
|
||||
this.setData({
|
||||
img_src:res.fileID
|
||||
})
|
||||
},
|
||||
fail: console.error
|
||||
})
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
<view class="bg_1" style="width: 750rpx; height: 1400rpx; display: block; box-sizing: border-box">
|
||||
<image src="{{img_src}}" style="width: 750rpx; height: 385rpx; display: inline-block; box-sizing: border-box; left: NaNrpx; top: NaNrpx"></image>
|
||||
<button class="btn_9" bindtap="upImg" >上传图片</button>
|
||||
<view class="bg_99">
|
||||
<input style="position: relative; left: 188rpx; top: -22rpx; width: 390rpx; height: 80rpx; display: block; box-sizing: border-box" class="xiebj_2" auto-focus confirm-type="done" type="text" placeholder="请输入标题" bindinput="titletFs" value="{{title}}" />
|
||||
<editor id="editor" class="neirong_1" placeholder="请输入内容" show-img-resize="true" bindinput="contentFs" style="position: relative; left: 0rpx; top: 31rpx">
|
||||
</editor>
|
||||
<button class="btn_9" bindtap="saveFs">保存图片</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -0,0 +1,41 @@
|
||||
.xiebj_2{
|
||||
text-align: center;
|
||||
border-bottom: 1px solid rgb(9, 14, 13);
|
||||
|
||||
position: relative;
|
||||
width: 50%;
|
||||
}
|
||||
/* .neirong_1{
|
||||
border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(59, 168, 168);
|
||||
} */
|
||||
.bg_99{
|
||||
margin-top: 5%;
|
||||
}
|
||||
.btn_2{
|
||||
border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(59, 168, 168);
|
||||
background-color: rgba(151, 94, 204, 0.267);
|
||||
}
|
||||
.btn_9{
|
||||
border: 1rpx solid rgba(138, 182, 185, 0.596);
|
||||
background-color: #C0CCD8;
|
||||
position: relative;
|
||||
left: 0rpx;
|
||||
top: -8rpx;
|
||||
width: 336rpx; height: 100rpx; display: block; box-sizing: border-box
|
||||
}
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
.bg_1{
|
||||
background-color: #DDDCE1;
|
||||
}
|
||||
.btn_1{
|
||||
background-color: #C0CCD8;
|
||||
}
|
||||
@ -0,0 +1,103 @@
|
||||
// pages/xiebiji/xiebiji.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
title:"",
|
||||
text:"",
|
||||
content:"",
|
||||
create_time:"",
|
||||
},
|
||||
contentFs(e){
|
||||
this.setData({
|
||||
text: e.detail.text,
|
||||
content: e.detail.html
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
titletFs(e){
|
||||
this.setData({
|
||||
title:e.detail.value
|
||||
})
|
||||
},
|
||||
|
||||
xieFs(){
|
||||
this.setData({
|
||||
create_time:new Date().toLocaleString()
|
||||
})
|
||||
wx.cloud.database().collection("note").add({
|
||||
data:{
|
||||
title:this.data.title,
|
||||
text:this.data.text,
|
||||
content:this.data.content,
|
||||
create_time:this.data.create_time,
|
||||
type:1,
|
||||
Collection:0
|
||||
}}).then(res=>{
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
}).catch(res=>{
|
||||
console.log("type=1 的笔记写入失败",res);
|
||||
})
|
||||
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
<view class="bg_22">
|
||||
<view class="re_1">
|
||||
|
||||
<input class="xiebj_2" auto-focus style="width: 415rpx; height: 90rpx; display: block; box-sizing: border-box; left: 0rpx; top: 0rpx; position: relative" confirm-type="done" type="text" placeholder="请输入标题" bindinput="titletFs"/>
|
||||
</view>
|
||||
<view style="width: 750rpx; height: 1200rpx; display: block; box-sizing: border-box; left: NaNrpx; top: NaNrpx">
|
||||
<editor class="neirong_1" placeholder="请输入内容" show-img-resize="true" bindinput="contentFs" style="position: relative; left: 47rpx; top: 120rpx; width: 657rpx; height: 94rpx; display: block; box-sizing: border-box">
|
||||
</editor>
|
||||
<button class="btn_2" bindtap="xieFs" style="position: relative; left: 0rpx; top: 172rpx; width: 300rpx; height: 94rpx; display: block; box-sizing: border-box">
|
||||
确认
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,44 @@
|
||||
.xiebj_2{
|
||||
display: flex;
|
||||
flex: 2;
|
||||
border-bottom: 1px solid rgb(113, 122, 120);
|
||||
position: relative;
|
||||
|
||||
margin-left: 13%;
|
||||
}
|
||||
/* .neirong_1{
|
||||
/* border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(59, 168, 168); */
|
||||
/* } */
|
||||
.btn_2{
|
||||
border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(24, 24, 24);
|
||||
background-color: #C0CCD8;
|
||||
}
|
||||
|
||||
.txt_1{
|
||||
display: flex;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
line-height: 85rpx;
|
||||
}
|
||||
.re_1{
|
||||
|
||||
display: flex;
|
||||
left: 0;
|
||||
|
||||
justify-content: center;
|
||||
position: fixed;
|
||||
}
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
.bg_22{
|
||||
background-color: #DDDCE1;
|
||||
}
|
||||
@ -0,0 +1,116 @@
|
||||
// pages/xiugaibiji/xiugaibiji.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
_id:"",
|
||||
title:"",
|
||||
content:"",
|
||||
text:""
|
||||
},
|
||||
contentFs(e){
|
||||
this.setData({
|
||||
text: e.detail.text,
|
||||
content: e.detail.html
|
||||
})
|
||||
},
|
||||
onEditorReady(){
|
||||
const that = this
|
||||
wx.createSelectorQuery().select('#editor').context(function(res) {
|
||||
that.editorCtx = res.context
|
||||
that.editorCtx.setContents({
|
||||
html:that.data.content
|
||||
});
|
||||
}).exec()
|
||||
|
||||
},
|
||||
|
||||
titletFs(e){
|
||||
this.setData({
|
||||
title:e.detail.value
|
||||
})
|
||||
},
|
||||
xiugaiFs(){
|
||||
wx.cloud.database().collection("note").doc(this.data._id).update({
|
||||
data:{
|
||||
title:this.data.title,
|
||||
content:this.data.content,
|
||||
text:this.data.text,
|
||||
create_time:new Date().toLocaleString()
|
||||
}
|
||||
}).then(res=>{
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index',})
|
||||
}).catch(res=>{
|
||||
console.log("笔记修改失败",res);
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (e) {
|
||||
this.setData({
|
||||
_id:e.id
|
||||
})
|
||||
wx.cloud.database().collection("note").doc(this.data._id).get().then(res=>{
|
||||
this.setData({
|
||||
title:res.data.title,
|
||||
content:res.data.content,
|
||||
text:res.data.text
|
||||
})
|
||||
this.onEditorReady()
|
||||
}).catch(res=>{
|
||||
console.log("笔记获取失败",res);
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function (e) {
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
<input class="xiebj_2" auto-focus style="width: 467rpx; height: 94rpx; display: block; box-sizing: border-box; left: 0rpx; top: 0rpx" confirm-type="done" type="text" placeholder="请输入标题" bindinput="titletFs" value="{{title}}" />
|
||||
<editor id="editor" class="neirong_1" placeholder="请输入内容" show-img-resize="true" bindinput="contentFs" style="position: relative; left: 0rpx; top: 31rpx">
|
||||
</editor>
|
||||
<button class="btn_2" bindtap="xiugaiFs" style="position: relative; left: 0rpx; top: 188rpx">
|
||||
确认
|
||||
</button>
|
||||
|
||||
@ -0,0 +1,22 @@
|
||||
.xiebj_2{
|
||||
border-bottom: 1px solid rgb(9, 14, 13);
|
||||
position: relative;
|
||||
width: 50%;
|
||||
}
|
||||
.neirong_1{
|
||||
border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(132, 136, 136);
|
||||
}
|
||||
page{
|
||||
background-color: #DDDCE1;
|
||||
|
||||
}
|
||||
.btn_2{
|
||||
border: "1";
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: rgb(150, 156, 156);
|
||||
background-color: rgba(151, 94, 204, 0.267);
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
{
|
||||
"desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
|
||||
"rules": [{
|
||||
"action": "allow",
|
||||
"page": "*"
|
||||
}]
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
{
|
||||
"miniprogramRoot": "miniprogram/",
|
||||
"cloudfunctionRoot": "cloudfunctions/",
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": true,
|
||||
"enhance": true,
|
||||
"postcss": true,
|
||||
"preloadBackgroundData": false,
|
||||
"minified": true,
|
||||
"newFeature": true,
|
||||
"coverView": true,
|
||||
"nodeModules": false,
|
||||
"autoAudits": false,
|
||||
"showShadowRootInWxmlPanel": true,
|
||||
"scopeDataCheck": false,
|
||||
"uglifyFileName": false,
|
||||
"checkInvalidKey": true,
|
||||
"checkSiteMap": true,
|
||||
"uploadWithSourceMap": true,
|
||||
"compileHotReLoad": false,
|
||||
"useMultiFrameRuntime": true,
|
||||
"useApiHook": true,
|
||||
"useApiHostProcess": true,
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
},
|
||||
"enableEngineNative": false,
|
||||
"bundle": false,
|
||||
"useIsolateContext": true,
|
||||
"useCompilerModule": true,
|
||||
"userConfirmedUseCompilerModuleSwitch": false,
|
||||
"userConfirmedBundleSwitch": false,
|
||||
"packNpmManually": false,
|
||||
"packNpmRelationList": [],
|
||||
"minifyWXSS": true
|
||||
},
|
||||
"appid": "wxfdb9c8dfa774e1d9",
|
||||
"projectname": "%E6%99%B4%E5%B7%9D%E8%AF%BE%E5%A0%82%E7%AC%94%E8%AE%B0",
|
||||
"libVersion": "2.14.1",
|
||||
"condition": {
|
||||
"search": {
|
||||
"list": []
|
||||
},
|
||||
"conversation": {
|
||||
"list": []
|
||||
},
|
||||
"plugin": {
|
||||
"list": []
|
||||
},
|
||||
"game": {
|
||||
"list": []
|
||||
},
|
||||
"miniprogram": {
|
||||
"list": [
|
||||
{
|
||||
"id": -1,
|
||||
"name": "db guide",
|
||||
"pathName": "pages/databaseGuide/databaseGuide"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
{
|
||||
"setting": {},
|
||||
"condition": {
|
||||
"plugin": {
|
||||
"list": []
|
||||
},
|
||||
"game": {
|
||||
"list": []
|
||||
},
|
||||
"gamePlugin": {
|
||||
"list": []
|
||||
},
|
||||
"miniprogram": {
|
||||
"list": [
|
||||
{
|
||||
"id": -1,
|
||||
"name": "db guide",
|
||||
"pathName": "pages/databaseGuide/databaseGuide",
|
||||
"query": ""
|
||||
},
|
||||
{
|
||||
"name": "收藏",
|
||||
"pathName": "pages/myCollection/myCollection",
|
||||
"query": "",
|
||||
"scene": null
|
||||
},
|
||||
{
|
||||
"name": "拍笔记",
|
||||
"pathName": "pages/paibiji/paibiji",
|
||||
"query": "",
|
||||
"scene": null
|
||||
},
|
||||
{
|
||||
"name": "社区",
|
||||
"pathName": "pages/community/community",
|
||||
"query": "",
|
||||
"scene": null
|
||||
},
|
||||
{
|
||||
"name": "我的",
|
||||
"pathName": "pages/home/home",
|
||||
"query": "",
|
||||
"scene": null
|
||||
},
|
||||
{
|
||||
"name": "写笔记",
|
||||
"pathName": "pages/xiebiji/xiebiji",
|
||||
"query": "",
|
||||
"scene": null
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue