Commit 4be9fb33 authored by tangfh's avatar tangfh

c-multi-text-01 插件 改名 f-multi-text-01

parent 4c9008b6
......@@ -12,7 +12,8 @@
</f-item>
</view>
<view style="display: block; width: 100%;">
<c-multi-text-01 :ui="cMultiText01Ui" @click="onCMultiText01Click"></c-multi-text-01>
<f-title-01 title="租金交付方式" subTitle="(押二付二)"></f-title-01>
<f-multi-text-01 :ui="cMultiText01Ui" @click="onCMultiText01Click"></f-multi-text-01>
</view>
</view>
</template>
......
# c-multi-text-01
\ No newline at end of file
<template>
<!-- 表单显示/输入 -->
<view class="com-multi-text flex-column" @click="onClick" :class="{'active': ui.clickActive}"
<view class="f-multi-text flex-column" @click="onClick" :class="{'active': ui.clickActive}"
:style="[ui.style ? ui.style : {}]">
<view class="com-multi-text-v-middle flex-row row-center-v">
<view class="com-multi-text-v-left flex-row row-center-v">
<text class="com-multi-text-v-left-t-left">{{ ui.prefix }}</text>
<text class="com-multi-text-v-left-t-left2" v-if="ui.isShowFlag">*</text>
<image class="com-multi-text-v-left-i-icon" @click="onPrefixIcon1Click"
<view class="f-multi-text-v-middle flex-row row-center-v">
<view class="f-multi-text-v-left flex-row row-center-v">
<text class="f-multi-text-v-left-t-left">{{ ui.prefix }}</text>
<text class="f-multi-text-v-left-t-left2" v-if="ui.isShowFlag">*</text>
<image class="f-multi-text-v-left-i-icon" @click="onPrefixIcon1Click"
:src="ui.prefixIcon1" v-if="ui.prefixIcon1Show"></image>
</view>
<view class="com-multi-text-v-right flex-row row-center-v">
<input class="com-multi-text-v-right-c-text" placeholder-class="placeholder-class"
<view class="f-multi-text-v-right flex-row row-center-v">
<input class="f-multi-text-v-right-c-text" placeholder-class="placeholder-class"
:placeholder="ui.hint" :type="ui.inputType" :maxlength="ui.maxlength" :disabled="ui.inputDisable"
:value="ui.value" @input="onInputChanage" :confirm-type="ui.confirmType" />
</view>
<image class="i-right" :src="ui.iconRight" v-if="ui.isShowIconRight"></image>
</view>
<view class="com-multi-text-line-h" v-if="ui.isShowBottomLine"></view>
<view class="f-multi-text-line-h" v-if="ui.isShowBottomLine"></view>
</view>
</template>
<script>
import constant from '@/common/utils/constant.js'
export default {
name: "c-multi-text-01",
name: "f-multi-text-01",
data() {
return {
inputValue: "",
......@@ -56,54 +56,55 @@
</script>
<style lang="scss" scoped>
.com-multi-text:active {
.f-multi-text:active {
background-color: #f2f4f5;
border-radius: 16rpx;
}
.com-multi-text {
.f-multi-text {
width: auto;
height: 96rpx;
background-color: #F5F8FA;
font-size: $uni-font-size-base;
margin-left: 32rpx;
margin-right: 32rpx;
margin-top: 24rpx;
border-radius: 16rpx;
}
.com-multi-text-v-middle {
.f-multi-text-v-middle {
height: 100%;
margin-left: 32rpx;
margin-right: 32rpx;
}
.com-multi-text-v-left {
.f-multi-text-v-left {
height: 100%;
}
.com-multi-text-v-left-t-left {
.f-multi-text-v-left-t-left {
flex-shrink: 0;
margin-right: 16rpx;
}
.com-multi-text-v-left-t-left2 {
.f-multi-text-v-left-t-left2 {
color: #F24C26;
padding-top: 10rpx;
}
.com-multi-text-v-left-i-icon {
.f-multi-text-v-left-i-icon {
width: 32rpx;
height: 32rpx;
margin-right: 16rpx;
}
.com-multi-text-v-right {
.f-multi-text-v-right {
height: 100%;
flex-grow: 1;
justify-content: flex-end;
}
.com-multi-text-v-right-c-text {
.f-multi-text-v-right-c-text {
line-height: 100%;
width: 100%;
font-size: $uni-font-size-base;
......@@ -111,7 +112,7 @@
}
.com-multi-text-line-h {
.f-multi-text-line-h {
margin-left: 32rpx;
width: 100%;
height: 1rpx;
......@@ -121,6 +122,7 @@
.i-right {
width: 32rpx;
height: 32rpx;
margin-top: -2rpx;
margin-left: 8rpx;
}
</style>
\ No newline at end of file
{
"id": "c-multi-text-01",
"displayName": "c-multi-text-01",
"version": "1.0.1",
"description": "c-multi-text-01",
"id": "f-multi-text-01",
"displayName": "f-multi-text-01",
"version": "1.0.0",
"description": "f-multi-text-01",
"keywords": [
"c-multi-text-01"
"f-multi-text-01"
],
"repository": "",
"engines": {
......
# f-multi-text-01
\ No newline at end of file
## 1.0.0(2024-05-28)
f-title-01
<template>
<view class="flex-row row-center-v">
<text class="t-title">{{ title }}</text>
<text class="t-sub-title">{{ subTitle }}</text>
</view>
</template>
<script>
export default {
name: "f-title-01",
props: {
title: "",
subTitle: ""
}
}
</script>
<style lang="scss">
.t-title {
font-size: 18px;
font-weight: 500;
line-height: 25.2px;
margin-left: 32rpx;
margin-right: 4rpx;
}
.t-sub-title {
font-size: 14px;
font-weight: 400;
color: $uni-text-color-grey;
}
</style>
\ No newline at end of file
{
"id": "f-title-01",
"displayName": "f-title-01",
"version": "1.0.0",
"description": "f-title-01",
"keywords": [
"f-title-01"
],
"repository": "",
"engines": {
"HBuilderX": "^3.1.0"
},
"dcloudext": {
"type": "component-vue",
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "插件不采集任何数据",
"permissions": "无"
},
"npmurl": ""
},
"uni_modules": {
"dependencies": [],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y",
"alipay": "y"
},
"client": {
"Vue": {
"vue2": "y",
"vue3": "y"
},
"App": {
"app-vue": "u",
"app-nvue": "u",
"app-uvue": "u"
},
"H5-mobile": {
"Safari": "u",
"Android Browser": "u",
"微信浏览器(Android)": "u",
"QQ浏览器(Android)": "u"
},
"H5-pc": {
"Chrome": "u",
"IE": "u",
"Edge": "u",
"Firefox": "u",
"Safari": "u"
},
"小程序": {
"微信": "y",
"阿里": "u",
"百度": "u",
"字节跳动": "u",
"QQ": "u",
"钉钉": "u",
"快手": "u",
"飞书": "u",
"京东": "u"
},
"快应用": {
"华为": "u",
"联盟": "u"
}
}
}
}
}
\ No newline at end of file
# f-title-01
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment