eric/gitlab-instance-0a899031_citynew
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: tag标签

Browse Source
This commit is contained in:
eric
2022-11-20 09:54:24 +08:00
parent b3f322bf34
commit 0933d2a614
4 changed files with 36 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/common.js vendored
View File

@@ -1,2 +1,2 @@
/*! For license information please see common.js.LICENSE.txt */
"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([["common"],{"./src/pages/components/ActiveCard/index.tsx":function(e,n,a){var t=a("./node_modules/@antmjs/vantui/es/button/index.js"),s=a("./node_modules/@antmjs/vantui/es/tag/index.js"),i=a("./node_modules/@antmjs/vantui/es/image/index.js"),o=a("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),l=a("webpack/container/remote/react/jsx-runtime");n.default=function ActiveCard(){return(0,l.jsxs)(o.View,{className:"activeCard",children:[(0,l.jsx)(o.View,{className:"left",children:(0,l.jsx)(i.default,{width:"100%",height:"100px",fit:"cover",src:"cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images/v4-460px-Climb-a-Mountain-Step-9.jpg"})}),(0,l.jsxs)(o.View,{className:"middle",children:[(0,l.jsxs)(o.View,{className:"title",children:[(0,l.jsx)(s.default,{round:!0,type:"warning",style:{marginRight:"5px"},children:"标签"}),(0,l.jsx)(o.Text,{children:"这是标题这是标题这是标题这是标题这是标题"})]}),(0,l.jsxs)(o.View,{className:"down",children:[(0,l.jsxs)(o.View,{className:"date",children:[(0,l.jsx)(o.View,{className:"21",children:"莲花山公园"}),(0,l.jsx)(o.View,{className:"11",children:"2022年11月17日"})]}),(0,l.jsx)(o.View,{className:"btn",children:(0,l.jsx)(t.default,{plain:!0,hairline:!0,type:"primary",children:"立即报名"})})]})]})]})}},"./src/pages/components/TabbarCom/index.tsx":function(e,n,a){var t=a("./node_modules/@antmjs/vantui/es/tabbar/index.js"),s=a("./node_modules/@antmjs/vantui/es/tabbar-item/index.js"),i=a("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),o=a("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),l=a("webpack/container/remote/@tarojs/taro"),d=a.n(l),r=a("webpack/container/remote/react"),c=a.n(r),u=a("webpack/container/remote/react/jsx-runtime");n.default=function TabbarCom(e){var n,a=c().useState(null!==(n=null==e?void 0:e.active)&&void 0!==n?n:0),l=(0,i.default)(a,2),r=l[0],m=l[1];return(0,u.jsx)(o.View,{style:{marginTop:"40px"},children:(0,u.jsxs)(t.default,{active:r,onChange:function onChange(e){console.log("e",e),m(null==e?void 0:e.detail),0===(null==e?void 0:e.detail)&&d().redirectTo({url:"/pages/home/index"}),1===(null==e?void 0:e.detail)&&d().redirectTo({url:"/pages/activityList/index"}),2===(null==e?void 0:e.detail)&&d().redirectTo({url:"/pages/my/index"})},safeAreaInsetBottom:!0,children:[(0,u.jsx)(s.default,{icon:"home-o",children:"首页"}),(0,u.jsx)(s.default,{icon:"friends-o",children:"活动"}),(0,u.jsx)(s.default,{icon:"setting-o",children:"我的"})]})})}},"./src/utils/index.ts":function(e,n,a){a.d(n,{getTable:function(){return i}});var t=a("webpack/container/remote/@tarojs/taro"),s=a.n(t),i=function getTable(e){var n=e.env,a=e.tableName,t=e.okFun,i=s().cloud.database({env:n}),o=null==i?void 0:i.collection(a);null==o||o.get({success:function success(e){t(e)}})}}}]);
"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([["common"],{"./src/pages/components/ActiveCard/index.tsx":function(e,n,a){var s=a("./node_modules/@antmjs/vantui/es/button/index.js"),t=a("./node_modules/@antmjs/vantui/es/image/index.js"),i=a("./node_modules/@antmjs/vantui/es/tag/index.js"),l=a("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),o=a("webpack/container/remote/react/jsx-runtime");n.default=function ActiveCard(){return(0,o.jsxs)(l.View,{className:"activeCard",children:[(0,o.jsxs)(l.View,{className:"left",children:[!1,(0,o.jsx)(l.View,{className:"leftImage",children:(0,o.jsx)(t.default,{width:"100%",height:"100px",fit:"cover",src:"cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images/v4-460px-Climb-a-Mountain-Step-9.jpg"})})]}),(0,o.jsxs)(l.View,{className:"middle",children:[(0,o.jsxs)(l.View,{className:"title",children:[(0,o.jsx)(i.default,{round:!0,type:"warning",style:{marginRight:"5px"},children:"标签"}),(0,o.jsx)(l.Text,{children:"这是标题这是标题这是标题这是标题这是标题"})]}),(0,o.jsxs)(l.View,{className:"down",children:[(0,o.jsxs)(l.View,{className:"date",children:[(0,o.jsx)(l.View,{className:"21",children:"莲花山公园"}),(0,o.jsx)(l.View,{className:"11",children:"2022年11月17日"})]}),(0,o.jsx)(l.View,{className:"btn",children:(0,o.jsx)(s.default,{plain:!0,hairline:!0,type:"primary",children:"立即报名"})})]})]})]})}},"./src/pages/components/TabbarCom/index.tsx":function(e,n,a){var s=a("./node_modules/@antmjs/vantui/es/tabbar/index.js"),t=a("./node_modules/@antmjs/vantui/es/tabbar-item/index.js"),i=a("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),l=a("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),o=a("webpack/container/remote/@tarojs/taro"),d=a.n(o),r=a("webpack/container/remote/react"),c=a.n(r),u=a("webpack/container/remote/react/jsx-runtime");n.default=function TabbarCom(e){var n,a=c().useState(null!==(n=null==e?void 0:e.active)&&void 0!==n?n:0),o=(0,i.default)(a,2),r=o[0],m=o[1];return(0,u.jsx)(l.View,{style:{marginTop:"40px"},children:(0,u.jsxs)(s.default,{active:r,onChange:function onChange(e){console.log("e",e),m(null==e?void 0:e.detail),0===(null==e?void 0:e.detail)&&d().redirectTo({url:"/pages/home/index"}),1===(null==e?void 0:e.detail)&&d().redirectTo({url:"/pages/activityList/index"}),2===(null==e?void 0:e.detail)&&d().redirectTo({url:"/pages/my/index"})},safeAreaInsetBottom:!0,children:[(0,u.jsx)(t.default,{icon:"home-o",children:"首页"}),(0,u.jsx)(t.default,{icon:"friends-o",children:"活动"}),(0,u.jsx)(t.default,{icon:"setting-o",children:"我的"})]})})}},"./src/utils/index.ts":function(e,n,a){a.d(n,{getTable:function(){return i}});var s=a("webpack/container/remote/@tarojs/taro"),t=a.n(s),i=function getTable(e){var n=e.env,a=e.tableName,s=e.okFun,i=t().cloud.database({env:n}),l=null==i?void 0:i.collection(a);null==l||l.get({success:function success(e){s(e)}})}}}]);

16
dist/common.wxss vendored
View File

@@ -30,14 +30,14 @@
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/tabbar/index.css ***!
\***********************************************************************************************************************************************************************************************************************/
.van-tabbar{display:-webkit-flex;display:flex;box-sizing:content-box;width:100%;z-index:805;height:100rpx;height:var(--tabbar-height,100rpx);background-color:#fff;background-color:var(--tabbar-background-color,#fff)}.van-tabbar--fixed{position:fixed!important;bottom:0;left:0}.van-tabbar--safe{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
/*!****************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/tabbar-item/index.css ***!
\****************************************************************************************************************************************************************************************************************************/
.van-tabbar-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:1;flex:1;height:100%;color:#646566;color:var(--tabbar-item-text-color,#646566);font-size:24rpx;font-size:var(--tabbar-item-font-size, 24rpx);line-height:1;line-height:var(--tabbar-item-line-height, 1)}.van-tabbar-item__icon{position:relative;margin-bottom:8rpx;margin-bottom:var(--tabbar-item-margin-bottom,8rpx);font-size:44rpx;font-size:var(--tabbar-item-icon-size, 44rpx)}.van-tabbar-item__icon__inner{display:block;min-width:1em}.van-tabbar-item--active{color:#1989fa;color:var(--tabbar-item-active-color,#1989fa)}.van-tabbar-item__info{margin-top:4rpx}
/*!**********************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/image/index.css ***!
\**********************************************************************************************************************************************************************************************************************/
.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#969799;color:var(--image-placeholder-text-color,#969799);font-size:28rpx;font-size:var(--image-placeholder-font-size, 28rpx);background-color:#f7f8fa;background-color:var(--image-placeholder-background-color,#f7f8fa)}.van-image__loading-icon{color:#dcdee0;color:var(--image-loading-icon-color,#dcdee0);font-size:64rpx!important;font-size:var(--image-loading-icon-size, 64rpx)!important}.van-image__error-icon{color:#dcdee0;color:var(--image-error-icon-color,#dcdee0);font-size:64rpx!important;font-size:var(--image-error-icon-size, 64rpx)!important}.image-class .taro-img__mode-aspectfit{width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain}.image-class .taro-img__mode-center{object-fit:none;display:block;width:100%;height:100%}.image-class .taro-img__mode-heightfix{height:100%}
/*!****************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/tabbar-item/index.css ***!
\****************************************************************************************************************************************************************************************************************************/
.van-tabbar-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:1;flex:1;height:100%;color:#646566;color:var(--tabbar-item-text-color,#646566);font-size:24rpx;font-size:var(--tabbar-item-font-size, 24rpx);line-height:1;line-height:var(--tabbar-item-line-height, 1)}.van-tabbar-item__icon{position:relative;margin-bottom:8rpx;margin-bottom:var(--tabbar-item-margin-bottom,8rpx);font-size:44rpx;font-size:var(--tabbar-item-icon-size, 44rpx)}.van-tabbar-item__icon__inner{display:block;min-width:1em}.van-tabbar-item--active{color:#1989fa;color:var(--tabbar-item-active-color,#1989fa)}.van-tabbar-item__info{margin-top:4rpx}
/*!********************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/tag/index.css ***!
\********************************************************************************************************************************************************************************************************************/
@@ -58,11 +58,17 @@ taro-button-core{position:relative;display:block;margin-left:auto;margin-right:a
flex-direction: row;
height: 200rpx;
background-color: #fafafa;
margin-top: 20rpx;
margin-top: 5rpx;
}
.activeCard .left {
width: 30%;
}
.activeCard .left .leftTag {
position: absolute;
z-index: 2;
padding-top: 5rpx;
padding-left: 5rpx;
}
.activeCard .middle {
display: -webkit-flex;
display: -ms-flexbox;

9
src/pages/components/ActiveCard/index.scss
View File

@@ -3,10 +3,17 @@
flex-direction: row;
height: 200px;
background-color: #fafafa;
margin-top: 20px;
margin-top: 5px;
.left {
width: 30%;
// position: relative;
// background-color: aqua;
.leftTag{
position: absolute;
z-index: 2;
padding-top: 5px;
padding-left:5px;
}
}
.middle {
display: flex;

26
src/pages/components/ActiveCard/index.tsx
View File

@@ -10,12 +10,20 @@ const ActiveCard = () => {
return (
<View className="activeCard">
<View className="left">
<Image
width="100%"
height="100px"
fit="cover"
src="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images/v4-460px-Climb-a-Mountain-Step-9.jpg"
/>
{false && <View className="leftTag">
<Tag round={true} type="success">
标签
</Tag>
</View>}
<View className="leftImage">
<Image
width="100%"
height="100px"
fit="cover"
src="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images/v4-460px-Climb-a-Mountain-Step-9.jpg"
/>
</View>
</View>
<View className="middle">
<View className="title">
@@ -26,11 +34,9 @@ const ActiveCard = () => {
</View>
<View className="down">
<View className="date">
<View className="21">莲花山公园</View>
<View className="11">2022年11月17日</View>
<View className="21">莲花山公园</View>
<View className="11">2022年11月17日</View>
</View>
<View className="btn">
<Button plain hairline type="primary">