Merge branch 'lj'

# Conflicts:
#	manifest.json
#	pages/index/index.vue
This commit is contained in:
LuoShijie
2023-11-04 12:29:00 +08:00
23 changed files with 603 additions and 242 deletions

View File

@@ -1,5 +1,4 @@
<template>
<TabBar></TabBar>
</template>
<script>
export default {
@@ -19,4 +18,4 @@
<style lang="scss">
/*每个页面公共css */
@import 'uview-ui/index.scss';
</style>
</style>

View File

@@ -11,6 +11,7 @@
</view>
</view>
</block>
<publishSlide v-if="slideVisit" @quitSlide="quitSlide"></publishSlide>
</view>
</template>
@@ -24,6 +25,7 @@
},
data() {
return {
slideVisit: false,
currentItem: 0,
tabbarList: [{
id: 0,
@@ -41,9 +43,7 @@
centerItem: false
}, {
id: 2,
path: "/pages/publish/publish",
icon: "/static/tabbar/di_icon_fb@2x.png",
selectIcon: "/static/tabbar/di_icon_fb@2x.png",
icon: "/static/tabbar/di_icon_fb.png",
text: "发布",
centerItem: true
}, {
@@ -61,7 +61,6 @@
text: "我的",
centerItem: false
}]
};
},
mounted() {
@@ -69,17 +68,23 @@
uni.hideTabBar();
},
methods: {
quitSlide() {
this.slideVisit = false
},
changeItem(item) {
if (item.id == 2) {
this.slideVisit = true
}
let _this = this;
//_this.currentItem = item.id;
uni.switchTab({
url: item.path
});
}
}
}
</script>
<style>
<style scoped>
view {
padding: 0;
margin: 0;
@@ -111,17 +116,18 @@
}
.tabbar-container .item-active {
color: #339967;
color: #CC3333;
}
.tabbar-container .center-item {
display: block;
position: relative;
}
.tabbar-container .tabbar-item .item-top {
width: 46rpx;
height: 46rpx;
width: 50rpx;
height: 50rpx;
padding: 0rpx;
}
@@ -145,7 +151,7 @@
}
.tabbar-container .tabbar-item .item-bottom {
font-size: 20rpx;
font-size: 22rpx;
width: 100%;
margin-top: 3rpx;
}
@@ -153,5 +159,6 @@
.tabbar-container .center-item .item-bottom {
position: absolute;
bottom: 5rpx;
font-size: 24rpx;
}
</style>

View File

@@ -0,0 +1,120 @@
<template>
<view class="slide">
<view class="mask" @click.self="quitSlide">
<view class="content" @click.stop>
<view class="container">
<view class="content-1" @click="enterTransfer">
<image src="/static/publish/fb_icon_dpzr.png" mode="aspectFit" class="selecter"></image>
<text class="text">店铺转让</text>
</view>
<view class="content-1" @click="enterAddress">
<image src="/static/publish/fb_icon_zdxz.png" mode="aspectFit" class="selecter"></image>
<text class="text">找店选址</text>
</view>
<view class="content-1" @click="enterRent">
<image src="/static/publish/fb_icon_dpcz.png" mode="aspectFit" class="selecter"></image>
<text class="text">店铺出租</text>
</view>
<view class="content-1" @click="enterInvestment">
<image src="/static/publish/fb_icon_xmzs.png" mode="aspectFit" class="selecter"></image>
<text class="text">项目招商</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default{
data(){
return{
}
},
methods:{
quitSlide(){
this.$emit("quitSlide")
},
enterTransfer(){
uni.navigateTo({
url:'/pages/publish/publishTransfer/publishTransfer'
})
},
enterAddress(){
uni.navigateTo({
url:'/pages/publish/publishAddress/publishAddress'
})
},
enterRent(){
uni.navigateTo({
url:'/pages/publish/publishRent/publishRent'
})
},
enterInvestment(){
uni.navigateTo({
url:'/pages/publish/publishInvestment/publishInvestment'
})
}
}
}
</script>
<style lang="scss">
.mask{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
// opacity: 0.2;
// backdrop-filter:saturate(150%) blur(8px);模糊
-webkit-backdrop-filter:saturate(150%) blur(8px);
background-color:rgba(0,0,0,.3);
z-index: 20;
}
.content{
position: fixed;
transform: translate(-50%, -50%);
left: 50%; top: 40%;
height: 25%;
width: 90%;
background-color: #fff;
z-index: 40;
border-radius: 29rpx;
}
.container{
height: 100%;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
z-index: 50;
}
.content-1{
// vertical-align: middle;
height: auto;
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.selecter{
width: 49px;
height: 49px;
z-index: 50;
// background-color: red;
display: flex;
flex-direction: column;
// background-color: red;
}
.text{
font-size: 28rpx;
display: block;
}
</style>

View File

@@ -1,73 +1,79 @@
{
"name" : "city-store-transfer",
"appid" : "__UNI__F3EA0D6",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
"transformPx" : false,
/* 5+App */
"app-plus" : {
"usingComponents" : true,
"nvueStyleCompiler" : "uni-app",
"compilerVersion" : 3,
"splashscreen" : {
"alwaysShowBeforeRender" : true,
"waiting" : true,
"autoclose" : true,
"delay" : 0
},
/* */
"modules" : {},
/* */
"distribute" : {
/* android */
"android" : {
"permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
/* ios */
"ios" : {},
/* SDK */
"sdkConfigs" : {}
}
},
/* */
"quickapp" : {},
/* */
"mp-weixin" : {
"appid" : "wxda178d12ae834c45",
"setting" : {
"urlCheck" : false
},
"usingComponents" : true,
"permission" : {}
},
"mp-alipay" : {
"usingComponents" : true
},
"mp-baidu" : {
"usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"uniStatistics" : {
"enable" : false
},
"vueVersion" : "2"
}
"name": "city-store-transfer",
"appid": "__UNI__F3EA0D6",
"description": "",
"versionName": "1.0.0",
"versionCode": "100",
"transformPx": false,
/* 5+App */
"app-plus": {
"usingComponents": true,
"nvueStyleCompiler": "uni-app",
"compilerVersion": 3,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
/* */
"modules": {},
/* */
"distribute": {
/* android */
"android": {
"permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
/* ios */
"ios": {},
/* SDK */
"sdkConfigs": {}
}
},
/* */
"quickapp": {},
/* */
"mp-weixin": {
"appid": "wxda178d12ae834c45",
"setting": {
"urlCheck": false
},
"usingComponents": true,
"permission": {
// 获取当前的地理位置、速度 配置
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
}
},
"mp-alipay": {
"usingComponents": true
},
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao": {
"usingComponents": true
},
"uniStatistics": {
"enable": false
},
"vueVersion": "2"
}

View File

@@ -1,121 +1,140 @@
{
"easycom" : {
"autoscan" : true, //是否自动扫描组件
"custom" : {
"^u-(.*)" : "uview-ui/components/u-$1/u-$1.vue",
"^ua-(.*)" : "@/components/uview-ui/components/u-$1/u-$1.vue",
"^customer-(.*)" : "@/components/uni-$1.vue" // 匹配components目录内的vue文件
}
},
"pages" : [
//pages数组中第一项表示应用启动页参考https://uniapp.dcloud.io/collocation/pages
{
"path" : "pages/index/index",
"style" : {
"navigationBarTitleText" : "速配商铺",
"navigationBarTextStyle" : "black",
"navigationBarBackgroundColor" : "#FFFFFF",
//导航栏取消
// "navigationStyle": "custom",
//是否开启下拉刷新
"enablePullDownRefresh" : true
}
},
{
"path" : "pages/shopTransfer/shopTransfer",
"style" : {
"navigationBarTitleText" : "店铺转让",
"navigationBarTextStyle" : "black",
"navigationBarBackgroundColor" : "#FFFFFF",
"enablePullDownRefresh" : false
}
},
//+
{
"path" : "pages/shopAddress/shopAddress",
"style" : {
"navigationBarTitleText" : "找店地址",
"navigationBarTextStyle" : "black",
"navigationBarBackgroundColor" : "#FFFFFF",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/my/my",
"style" : {
"navigationBarTitleText" : "我的",
"navigationBarTextStyle" : "black",
"navigationBarBackgroundColor" : "#FFFFFF",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/publish/publish",
"style" : {
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/detail/detail",
"style" : {
"navigationBarTitleText" : "商品详情"
"easycom": {
"autoscan": true, //是否自动扫描组件
"custom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
"^ua-(.*)": "@/components/uview-ui/components/u-$1/u-$1.vue",
"^customer-(.*)": "@/components/uni-$1.vue" // 匹配components目录内的vue文件
}
},
"pages": [
//pages数组中第一项表示应用启动页参考https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "速配商铺",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#FFFFFF",
//导航栏取消
// "navigationStyle": "custom",
//是否开启下拉刷新
"enablePullDownRefresh": true
}
}
],
"tabBar" : {
"color" : "#CCCCCC",
"borderStyle" : "white",
"backgroundColor" : "#FFFFFF",
"custom" : true,
"list" : [
{
"pagePath" : "pages/index/index",
"text" : "首页",
"iconPath" : "static/tabbar/di_icon_syh.png",
"selectedIconPath" : "static/tabbar/di_icon_sy.png"
},
{
"pagePath" : "pages/shopTransfer/shopTransfer",
"text" : "店铺转让",
"iconPath" : "static/tabbar/di_icon_zrh.png",
"selectedIconPath" : "static/tabbar/di_icon_zr.png"
},
{
"pagePath" : "pages/publish/publish",
"text" : "发布",
"iconPath" : "static/tabbar/di_icon_fb.png",
"selectedIconPath" : "static/tabbar/di_icon_fb.png"
},
{
"pagePath" : "pages/shopAddress/shopAddress",
"text" : "找店地址",
"iconPath" : "static/tabbar/di_icon_dzh.png",
"selectedIconPath" : "static/tabbar/di_icon_dz.png"
},
{
"pagePath" : "pages/my/my",
"text" : "店铺转让",
"iconPath" : "static/tabbar/di_icon_wdh.png",
"selectedIconPath" : "static/tabbar/di_icon_wd.png"
}
]
},
"globalStyle" : {
"navigationBarTextStyle" : "black",
"navigationBarTitleText" : "uni-app",
"navigationBarBackgroundColor" : "#F8F8F8",
"backgroundColor" : "#F8F8F8"
},
"uniIdRouter" : {},
"condition" : { //模式配置,仅开发期间生效
"current": 0, //当前激活的模式(list 的索引项)
"list": [
},
{
"path": "pages/shopTransfer/shopTransfer",
"style": {
"navigationBarTitleText": "店铺转让",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#FFFFFF",
"enablePullDownRefresh": false
}
},
//+
{
"path": "pages/shopAddress/shopAddress",
"style": {
"navigationBarTitleText": "找店地址",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#FFFFFF",
"enablePullDownRefresh": false
}
},
{
"path": "pages/my/my",
"style": {
"navigationBarTitleText": "我的",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#FFFFFF",
"enablePullDownRefresh": false
}
},
{
"path": "pages/detail/detail",
"style": {
"navigationBarTitleText": "商品详情"
}
}, {
"path": "pages/published/published",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": true
}
}, {
"path": "pages/publish/publishTransfer/publishTransfer",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}, {
"path": "pages/publish/publishAddress/publishAddress",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}, {
"path": "pages/publish/publishRent/publishRent",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}, {
"path": "pages/publish/publishInvestment/publishInvestment",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
],
"tabBar": {
"color": "#CCCCCC",
"borderStyle": "white",
"backgroundColor": "#FFFFFF",
"custom": true,
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "static/tabbar/di_icon_syh.png",
"selectedIconPath": "static/tabbar/di_icon_sy.png"
},
{
"name": "", //模式名称
"path": "", //启动页面,必选
"query": "" //启动参数在页面的onLoad函数里面得到
"pagePath": "pages/shopTransfer/shopTransfer",
"text": "店铺转让",
"iconPath": "static/tabbar/di_icon_zrh.png",
"selectedIconPath": "static/tabbar/di_icon_zr.png"
},
{
"pagePath": "pages/shopAddress/shopAddress",
"text": "找店地址",
"iconPath": "static/tabbar/di_icon_dzh.png",
"selectedIconPath": "static/tabbar/di_icon_dz.png"
},
{
"pagePath": "pages/my/my",
"text": "店铺转让",
"iconPath": "static/tabbar/di_icon_wdh.png",
"selectedIconPath": "static/tabbar/di_icon_wd.png"
}
]
},
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"uniIdRouter": {},
"condition": { //模式配置,仅开发期间生效
"current": 0, //当前激活的模式(list 的索引项)
"list": [{
"name": "", //模式名称
"path": "", //启动页面,必选
"query": "" //启动参数在页面的onLoad函数里面得到
}]
}
}
}

View File

@@ -1,7 +1,7 @@
<template>
<view class="detail">
<view class="detail" ref="viewref">
<view class="swiper">
<u-swiper :list="list" height="300rpx" radius="0"></u-swiper>
<u-swiper :list="list" height="500rpx" radius="0"></u-swiper>
</view>
<view class="sub-detail u-flex">
<view class="title">
@@ -10,15 +10,15 @@
<view>
<u-grid :col="3">
<u-grid-item>
<view class="grid-text">22</view>
<view class="grid-textup">22</view>
<view class="grid-text">租金</view>
</u-grid-item>
<u-grid-item>
<view class="grid-text">22</view>
<view class="grid-textup">22</view>
<view class="grid-text">转让费</view>
</u-grid-item>
<u-grid-item>
<view class="grid-text">22</view>
<view class="grid-textup">22</view>
<view class="grid-text">面积</view>
</u-grid-item>
</u-grid>
@@ -34,28 +34,30 @@
<u-avatar :src="src"></u-avatar>
<u-cell title="张先生" label="123456"></u-cell>
</view>
<u-cell title="店铺介绍" label="美食杂货店是一个主打食品和日用杂货的淘宝222222222222222222222美食杂货店是一个主打食品和日用杂货的淘宝美食杂货店是一个主打食品和日用杂货的淘宝"></u-cell>
<u-cell title="店铺介绍" label="美食杂货店是一个主打食品和日用杂货的淘宝222222222222222222222美食杂货店是一个主打食品和日用杂货的淘宝美食杂货店是一个主打食品和日用杂货的淘宝" label-style="color = #5D5D5D"></u-cell>
</view>
<view class="bottom">
<view class="bot-tab">
<view class="tab-left">
<view class="share">
<view class="share" @click="share()">
<u-icon name="share-fill" color="green"></u-icon>
分享
</view>
<view class="customer">
<view class="customer" @click="assist()">
<u-icon name="server-fill" color="green"></u-icon>
客服
</view>
</view>
<view class="tab-right">
<view class="call">
打电话
<view class="tab-right" @click="phonecall()">
<view class="call" >
<text>打电话</text>
</view>
</view>
</view>
</view>
<view class="bug-figure">
</view>
</view>
</template>
@@ -76,11 +78,28 @@
},
data() {
return {
viewheight:'',
}
},
methods: {
// getHeight(){
// let height = this.$refs.viewref.$el.offsetHeight
// this.viewheight = height
// },
phonecall(){
console.log('打电话');
},
share(){
console.log('分享');
},
assist(){
console.log('客服');
}
},
mounted(){
// this.getHeight();
// console.log(viewheight)
}
}
</script>
@@ -90,12 +109,22 @@
// background-color: #F8F8F8;
height: 100%;
}
.bug-figure{
height: 100rpx;
}
.swiper {
}
.title{
padding: 20rpx;
background-color: #fff;
}
.grid-textup{
color: #CC3333;
font-size: 20px;
}
.grid-text{
color: #B3B3B3;
}
.location-detail{
display: flex;
margin-top: 20rpx;
@@ -120,7 +149,8 @@
background-color: #fff;
width: 100%;
z-index: 100;
height: 100rpx;
// height: 100rpx;
// bottom: calc(var(--window-bottom) + 20px);
}
.bot-tab{
display: flex;
@@ -131,19 +161,36 @@
width: 50%;
display: flex;
justify-content: space-around;
height: 100px;
height: 50px;
}
.coustom{
height: 100px;
}
.tab-right{
width: 50%;
height: 100%;
.customer{
// height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 50%;
}
.tab-right{
width: 50%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background-image: linear-gradient(to right, #E86262, #CC3333);
}
.share{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 50%;
}
.call{
color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
</style>

View File

@@ -1,26 +1,20 @@
<template>
<view class="home-base-bg">
<view class="search_box">
<TabBar :current-page="0"></TabBar>
<InputAndSwiper></InputAndSwiper>
<TabBar :current-page="0"></TabBar>
<HomeNavCard></HomeNavCard>
<view class="news-box">
<u-notice-bar
:text="newsTextLists"
:bg-color="$uni-bg-color"
></u-notice-bar>
<u-notice-bar :text="newsTextLists" :bg-color="$uni-bg-color"></u-notice-bar>
</view>
<ShowShopList></ShowShopList>
</view>
</view>
</template>
<script>
export default {
components: {
},
data() {
return {
@@ -28,14 +22,15 @@
'寒雨连江夜入吴',
'平明送客楚山孤',
'洛阳亲友如相问',
'一片冰心在玉壶'],
'一片冰心在玉壶'
],
}
},
onLoad() {
},
methods: {
}
}
</script>
@@ -46,5 +41,4 @@
width: 100%;
}
</style>

View File

@@ -12,11 +12,12 @@
</view>
<view class="publish">
<u-cell-group>
<u-cell icon="setting-fill" title="发布的店铺转让" is-link="true"></u-cell>
<u-cell icon="integral-fill" title="发布的找店选址" is-link="true"></u-cell>
<u-cell icon="integral-fill" title="发布的店铺出租" is-link="true"></u-cell>
<u-cell icon="integral-fill" title="发布的项目招商" is-link="true"></u-cell>
<u-cell icon="integral-fill" title="成功合伙人" is-link="true"></u-cell>
<u-cell icon="setting-fill" title="发布的店铺转让" is-link="true" @click="topublished('发布的店铺转让')"></u-cell>
<u-cell icon="integral-fill" title="发布的找店选址" is-link="true" @click="topublished('发布的找店选址')"></u-cell>
<u-cell icon="integral-fill" title="发布的店铺出租" is-link="true" @click="topublished('发布的店铺出租')"></u-cell>
<u-cell icon="integral-fill" title="发布的项目招商" is-link="true" @click="topublished('发布的项目招商')"></u-cell>
<u-cell icon="integral-fill" title="成功合伙人" is-link="true" @click="topublished('成功合伙人')"></u-cell>
<u-cell icon="integral-fill" title="我的匹配" is-link="true" @click="todetail"></u-cell>
</u-cell-group>
</view>
</view>
@@ -30,13 +31,23 @@
return {
src: 'https://cdn.uviewui.com/uview/album/2.jpg',
account:'11111111',
username:'用户名'
username:'用户名',
}
},
onLoad() {
// this.getInfo()
},
methods: {
topublished(title){
uni.navigateTo({
url:'/pages/published/published?titletext='+title
})
},
todetail(){
uni.navigateTo({
url:'/pages/detail/detail'
})
}
//---------页面调用接口示例------------
// getInfo() {
// this.$api.getUserInfo().then(res => {
@@ -60,6 +71,7 @@
gap: 10rpx;
.profile-bgi{
position: absolute;
width: 100%;
z-index: -1;
}
.avator{

View File

@@ -1,7 +1,6 @@
<template>
<view>
发布
<TabBar :current-page="2" />
发布店铺地址
</view>
</template>

View File

@@ -0,0 +1,22 @@
<template>
<view>
发布招商合作
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,22 @@
<template>
<view>
发布店铺出租
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,53 @@
<template>
<view class="form">
<u-form :model="form" ref="uForm">
<u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-input v-model="form.name" placeholder="请输入标题以便吸引人的注意哦" placeholder-style="font-size: 40rpx;font-weight:1px"></u-input>
</u-form-item>
<u-form-item label="简介">
<u-input v-model="form.intro" />
</u-form-item>
<u-form-item label="性别">
<u-input v-model="form.sex" type="select" />
</u-form-item>
<u-form-item label="水果">
<u-checkbox-group width="50%">
<u-checkbox>苹果</u-checkbox>
<u-checkbox>雪梨</u-checkbox>
<u-checkbox>柠檬</u-checkbox>
<u-checkbox>橘子</u-checkbox>
</u-checkbox-group>
</u-form-item>
<u-form-item label="味道">
<u-radio-group>
<u-radio>鲜甜</u-radio>
<u-radio>麻辣</u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="开关">
<u-switch slot="right"></u-switch>
</u-form-item>
</u-form>
</view>
</template>
<script>
export default {
data() {
return {
form:{
title:''
}
}
},
methods: {
}
}
</script>
<style lang="scss">
.form{
margin-left: 20px;
}
</style>

View File

@@ -0,0 +1,61 @@
<template>
<view>
<view class="search-box">
<view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
titletext:''
}
},
methods: {
},
onLoad: function (option) {
wx.setNavigationBarTitle({
title: option.titletext
})
},
}
</script>
<style lang="scss">
.search-box {
position: absolute;
z-index: 1;
left: 50%;
width: 84.6%;
transform: translateX(-50%);
.search-box-input {
border-radius: 12rpx;
margin-top: 20rpx;
background-color: #fff;
opacity: 0.85;
.u-border {
border: none;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
}
}
}
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1008 B

After

Width:  |  Height:  |  Size: 989 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1017 B

After

Width:  |  Height:  |  Size: 983 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB