Componentes del subprograma WeChat y obtención de permisos de usuario
/*?pages/list/list.wxss?*/ .item{ padding:?5px; } img1{ ancho:?120px; alto:?120px; radio-borde:?5px; } .row{ flex:?1; altura:?120px; } .title{ relleno:?10px; } .dec{ relleno:0?10px } //?pages/list/list.js Página({ /** ?*?Datos iniciales de la página ?*/ data:?{ msg: "Eres mi pequeño bebé", ?list:[ { ?url:"", ?imageUrl:"/it/u=2519912129,4264910682&fm=253&fmt=auto&app= 138&f=JPEG?w=800&h=500" , ?title: "Mi pequeña monada", Contenido: "Linda monada, monada" ?｝ ? { ?imageUrl:"/it/u=931545919,4030748642&fm=253&fmt=auto&app=138&f=JPEG?w=306&h=459", ?title:"Mi pequeña monada ", Contenido: "mao lindo lindo lindo" ?｝ }, cambio:función(str){ this.setData({ msg:str.detail }) }, childGO( e){ wx.navigateTo({ ?url:?' /pages/webpage/webpage?url='+e.detail, } ) }, }, /** ?*?Función de ciclo de vida: escucha la carga de la página ?*/ onLoad :?función?(opciones)?{ }, /** ?*?Función de ciclo de vida: escucha para ver si la representación inicial de la página está completa ?*/ onReady:?{ }, /** ?*? Función de ciclo de vida: escuchar la visualización de la página ?*/ onShow:?{ }, / ** ?*?Función de ciclo de vida: escucha si la página se oculta ?*/ onHide:?{ }, /** ?*?Función de ciclo de vida: escucha la descarga de la página ?*/ onUnload:?{ }, /** ?*? Manejador de eventos relacionados con la página: escucha la operación desplegable del usuario ?* / onPullDownRefresh:?{ }, /** ?*?Función de manejo para evento de extracción de página ?*/ onReachBottom:?{ }, /** ?*?El el usuario hace clic en la esquina superior derecha para compartir ?*/ onShareAppMessage:?{ } }) ?" usandoComponents": ?{ "ListItem":"/components/ListItem/ListItem", "Header":"/components/Header/Header" ?｝ .img1{ ?ancho:³³³³³³³³³³.120px; ?alto:?120px; ?display:?block; ?border-radius:?5px; } .item{ ?padding:?5px; } .row{ ?flex :? 1; ?height:?120px; } .title{ ?padding :?10px; } .dec{ ?padding:?0?10px; } .flex{ ?display:?flex; } .fl ex-entre{ ?justify-content:?espacio-entre; } .flex-center{ .. justify-content:?center; .align-items:?center; } //components/ListItem/ListItem.js Componente({ ?/** *?Lista de propiedades del componente */ ?properties: ?{ /*?El subcomponente recibe un objeto con atributos? */ rItem:{ ?/*?Si no se pasa ningún objeto, predeterminado valor mostrado? */ ?type:Object, ?value:{ imageUrl:'/image_search/src=%2Fv2-a7c5da54b8008049fe43089752c74ce2_r. 3Fsource% 3D1940ef5c&refer=&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648446806&t= 9f16e5a2c12d51ba32169795e4d339f7', título: 'Mi pequeña monada', ?content:} ?} ?/** *?Datos iniciales del componente */ ?{ }, ?/** *?Lista de métodos de componentes */ { go(e){ console.log(e) let?url?=?e.currentTarget.dataset.url; this.triggerEvent('childGO',url) } ?｝ }) .t{ tamaño de fuente:?25px; padding:?10px; text-align:?center; } // componentes/Header/Header.js Componente({ /** ?*?Lista de propiedades del componente ?*/ propiedades: ?{ msg:{ tipo:Cadena, valor: 'Yo soy el encabezado' } }, /** ?*?Datos iniciales del componente ?*/ datos:?{ }, /** ?*?Lista de métodos de componentes ?*/ métodos :?{ handler:function(){ /*? ¿Cambiar el mensaje directamente en el componente secundario no se sincronizará con el componente principal, por lo que no se puede cambiar directamente? */ /*?this.setData({ msg:'Hola' })?*/ esto. triggerEvent('childChange','Eres un chico malo') }, } }) datos:?{ msg:? , touxiang:?"", nicheng:?"" }, getuserInfo()?{ wx.getUserProfile({ desc:?'Dear Baby',?Dear Baby', ?//?Indique el propósito de obtener la información personal del usuario, que se mostrará en las siguientes ventana emergente que se muestra en la ventana, complétela con cuidado Success:? (res)?{ console.log(res) dejar?{ avatarUrl, nickName } }? =?res; esto? .setData({ nicheng:?nickName, touxiang:?avatarUrl }) } }) }, }?