瀏覽代碼

[活动报名][修改]:[添加上传图片的功能]

tags/C.7.1.0
meo 6 年之前
父節點
當前提交
d1e9a9a5f2
共有 7 個檔案被更改,包括 58 行新增22 行删除
  1. +34
    -6
      pages/radetail/joinActivity/edit.js
  2. +10
    -6
      pages/radetail/joinActivity/edit.wxml
  3. +12
    -2
      pages/radetail/joinActivity/edit.wxss
  4. +0
    -2
      pages/spellGroup/mySpellGroup/index.wxss
  5. +1
    -1
      pages/topicDetail/index.wxml
  6. +1
    -3
      pages/topicDetail/index.wxss
  7. +0
    -2
      wxParse/wxParse.js

+ 34
- 6
pages/radetail/joinActivity/edit.js 查看文件

@@ -12,6 +12,7 @@ Page({
answerflag: "",
flagsex: 0,
useImg:0,
showReceiptUrl:false,
items: [{
name: 1,
value: '男',
@@ -191,19 +192,45 @@ Page({
wx.chooseImage({
success(res) {
const tempFilePaths = res.tempFilePaths
console.log(config.api.imgUpload)
console.log(res)
wx.uploadFile({
url: config.api.imgUpload, // 仅为示例,非真实的接口地址
url: config.url+config.api.imgUpload,
filePath: tempFilePaths[0],
name: 'file',
header: {
'token': app.globalData.token
},
success(res) {
const data = res.data
console.log(res)
if (res.statusCode == 200) {
that.setData({
receiptUrl: JSON.parse(res.data).data.url,
showReceiptUrl: true
})
} else if (res.statusCode == 413) {
wx.showToast({
title: '上传的图片太大,请重新上传',
icon: "none"
})
that.setData({
showReceiptUrl: false
})
} else {
wx.showToast({
title: '请上传正确的图片',
icon: "none"
})
that.setData({
showReceiptUrl: false
})
}
},
fail(error) {
wx.showToast({
title: "上传图片失败",
icon: "none"
})
that.setData({
receiptUrl: JSON.parse(res.data).data.url
showReceiptUrl: false
})
}
})
@@ -220,7 +247,8 @@ Page({
}).then(res => {
if (res && res.data && res.data.activity) {
this.setData({
useImg: res.data.activity.useImg
useImg: res.data.activity.useImg,
imgDetail: res.data.activity.imgDetail
})
if (res.data && res.data.activity && res.data.activity.question) {
that.setData({


+ 10
- 6
pages/radetail/joinActivity/edit.wxml 查看文件

@@ -28,14 +28,18 @@
<text class='questionTitle'>调查问卷</text>
<view class='answer' wx:for="{{question}}" wx:key="index">
<text>{{index+1}}.{{item.ques}}</text>
<textarea name="answer{{index}}" bindinput='change' type="textarea" placeholder='请填写您的回答?'></textarea>
<textarea name="answer{{index}}" bindinput='change' type="textarea" placeholder='请填写您的回答?'></textarea>
</view>
</view>
<view class='up-img'>
<image src='{{receiptUrl}}' mode="widthFix"></image>
</view>
<view class='camera' bindtap='uploadImg'>
<text>+</text>
<view wx:if="{{useImg==1}}">
<view class='quesTitle'>请上传您需要上传的图片</view>
<view class='quesTitle'>{{imgDetail}}</view>
<view class='up-img' wx:if="{{showReceiptUrl}}">
<image src='{{receiptUrl}}' mode="widthFix"></image>
</view>
<view class='camera' bindtap='uploadImg'>
<text>+</text>
</view>
</view>
<button class='btn' formType="submit" hover-class='active'>提交</button>
</form>

+ 12
- 2
pages/radetail/joinActivity/edit.wxss 查看文件

@@ -21,7 +21,7 @@ input {
width: 400rpx;
height: 400rpx;
line-height: 400rpx;
margin: 30rpx auto 0;
margin: 30rpx auto 140rpx;
border: 1px dotted orange;
}
.camera text{
@@ -101,7 +101,7 @@ radio {
}
.ques{
padding-left: 20rpx;
margin-bottom:140rpx;
margin-bottom:70rpx;
}
.ques text{
display: block;
@@ -127,4 +127,14 @@ radio {
padding: 10rpx 0;
margin-top: 10rpx;
padding-left: 10rpx;
}
.quesTitle{
text-align: center;
font-size:32rpx;
text-indent: 1em;
}
.up-img image{
display: block;
width: 90%;
margin: 20rpx auto 0;
}

+ 0
- 2
pages/spellGroup/mySpellGroup/index.wxss 查看文件

@@ -58,8 +58,6 @@ button::after{ border: none; }
padding-top: 30rpx;
padding-left: 30rpx;
line-height: 50rpx;
border-radius:20rpx 20rpx 0px 0px;
margin-top: -25rpx;
opacity: 1;
font-size:32rpx;
font-weight:bold;


+ 1
- 1
pages/topicDetail/index.wxml 查看文件

@@ -3,7 +3,7 @@
<view class='coupons' style='background:{{data.bgColor}};height:{{winHeight}}'>
<view class="coupons-body">
<view class='banner'>
<image src='{{data.advert}}'></image>
<image src='{{data.advert}}' mode='widthFix'></image>
</view>
<view class='act'>
<text class='txt001'>{{data.name}}</text>


+ 1
- 3
pages/topicDetail/index.wxss 查看文件

@@ -13,8 +13,6 @@
.banner {
position: relative;
width: 750rpx;
height: 280rpx;
overflow: hidden;
}

.banner image {
@@ -28,7 +26,7 @@
background: #fff;
border-radius: 12rpx;
width: 705rpx;
margin: -30rpx auto 0;
margin: 30rpx auto 0;
padding-bottom: 20rpx;
}



+ 0
- 2
wxParse/wxParse.js 查看文件

@@ -33,12 +33,10 @@ function wxParse(bindName = 'wxParseData', type='html', data='<div class="color:
var transData = {};//存放转化后的数据
if (type == 'html') {
transData = HtmlToJson.html2json(data, bindName);
console.log(JSON.stringify(transData, ' ', ' '));
} else if (type == 'md' || type == 'markdown') {
var converter = new showdown.Converter();
var html = converter.makeHtml(data);
transData = HtmlToJson.html2json(html, bindName);
console.log(JSON.stringify(transData, ' ', ' '));
}
transData.view = {};
transData.view.imagePadding = 0;


Loading…
取消
儲存