java-mall-app/components/send-message/send-message.vue
2024-11-01 16:35:40 +08:00

63 lines
1.1 KiB
Vue

<template name="send-message" :style="{'background-color':backgroundColor}">
<view>
<form bindsubmit="formSubmit" report-submit="true">
<button class="send-button" hover-class='none' form-type="submit">
<slot ></slot>
</button>
</form>
</view>
</template>
<script>
export default {
name: "send-message",
props: {
MessageType: {
type: Number,
default: 3
},
TplKey: {
type: String,
default: ''
},
TplData: {
type: Array,
default() {
return []
},
},
PageUrl: {
type: String,
default: ''
}
},
methods:
{
formSubmit: function (e) {
var t = {
FormId: e.detail.formId,
MessageType: this.MessageType,
TplKey: this.TplKey,
PageUrl: this.PageUrl,
TplData: this.TplData
};
//$.setTpl(t)
}
}
}
</script>
<style>
/* pages/send-message/send-message.wxss */
.send-button{background-color: transparent;display: inline-block;font-size: 24rpx;padding: 0;margin: 0;text-align:inherit;line-height:inherit;border-radius: 0;}
.send-button::after{border: none;padding: 0;margin: 0;}
</style>